- jQuery是一个快速、简洁的JavaScript框架
- jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。
- 它封装JavaScript常用的功能代码,优化HTML文档操作、事件处理、动画设计和Ajax交互。
引入方式
- 示例:
<!-- 加载本地资源 --> <!-- <script src="jquery-1.11.3/jquery.js" type="text/javascript" charset="utf-8"></script> --> <!-- 加载CDN资源 --> <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ console.log(123) }) $(document).ready(function(){ console.log(456) }) $(function(){ console.log(789) }) </script>
- 说明:
- 使用时必须指定版本(目录/名称),因为不同版本有兼容问题,甚至有BUG
- 带
min
的版本表示压缩版本,就是删除了用于格式控制的空格回车等字符 - jQuery代码要写在回调函数中,可以绑定多个回调函数
选择器
- 基本:id、class、标签名、*、组合
- 层级:
E F
、E > F
、E + F
、E ~ F
- 基本:first、last、eq、gt、lt、even、odd、header、not、animated、focus
- 内容:contains、empty、has、parent
- 可见性:hidden、visible
- 属性:见文档
- 子元素:first-child、last-child、nth-child、only-child
- 表单:input、text|password|...
- 表单对象属性:enabled、disabled、checked、selected
练习:
- 预习:文档处理、筛选、事件、效果
关注公众号,免费刷快排。
转载请说明出处
奇点seo » jQuery引入方式-jQuery选择器-jQuery简介
奇点seo » jQuery引入方式-jQuery选择器-jQuery简介