jQuery核心

最新推荐文章于 2024-08-18 10:54:05 发布

weixin_30653023

最新推荐文章于 2024-08-18 10:54:05 发布

阅读量65

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/gt-Lee/p/10112833.html

版权

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>

转载于:https://www.cnblogs.com/gt-Lee/p/10112833.html

weixin_30653023

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery核心

jQuery(selector)　　jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数，或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式（通常由 CSS 选择器组成），然后根据这个表达式来查找所有匹配的元素。括号里可传入：1、function2、css选择器3、原生DOM对象4、数组、类数组...
复制链接

扫一扫