jQuery(selector)
jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。
括号里可传入:
1、function
2、css选择器
3、原生DOM对象
4、数组、类数组
5、空值
6、其他
有索引值的元素传入括号,jQuery会将其按照索引值包装成一个对象然后返回出来。
1、$(function(){})
等价于$(document).ready(function(){}) 页面加载事件,当dom文档解析完成后,即dom文档树上的基本元素加载完才执行。
因此可以把该代码提升至head部分,会在解析完dom元素后执行而不报错。但推荐放在dom文档底部更快,当其解析完才算dom文档解析完毕。
//页面所有东西加载完才执行 $("window").load(function(){ console.log("3"); }); //基本元素加载完就执行 $(document).ready(function(){ console.log("1"); }); $(function(){ console.log("2"); });
//输出结果为:1,2,3
2、css选择器
3、原生DOM对象
1 <body> 2 <ul> 3 <li></li> 4 <li></li> 5 <li></li> 6 <li></li> 7 </ul> 8 </body> 9 10 <script> 11 console.log($(document.getElementsByTagName("li")));}) 12 </script>
获取dom对象,将其按照索引值包装成了jQuery的包装集。
在后面添加索引值,即可使用dom的方法:$(document.getElementsByTagName("li"))[0].innerText
4、数组、类数组
<script> console.log($(["a","b","c"])); console.log($({0:"a",1:"b",length:2})); </script>
5、空值
<script> console.log($(null)); console.log($(false)); console.log($("")); console.log($(undefined)); console.log($()); console.log($(NaN)); </script>
返回一个空的jQuery对象
6、其他
没有索引的数字、字符串以及对象等等,会传入jQuery对象的第0位。
<script> console.log($(123)); console.log($(true)); console.log($({0:1,1:1,2:2})); </script>