jquery库中的$()是什么


本文摘自PHP中文网,作者(*-*)浩,侵删。

就是jquery对象,$()就是jQuery(),在里面可以传参数,作用就是获取元素

如下例子

$(".div1") 表示获取类名为div1的元素,例如获取<div class="div1"></div>

$(".div1").onclick表示类名为div1的div点击事件

$ 即 jQuery对象,是一个Function对象,$()是调用这个function,得到的是

实例:

html

1

2

3

4

5

6

7

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

</ul>

js

方式一

1

2

3

4

5

6

7

8

9

10

11

12

// 传入DOM元素

       $('li').each(function(index,ele){

              $(ele).on('click',function(){

                  $(this).css('background','red');//这里的DOM元素就是this

              })

      })

       

      //传入DOM数组

      var aLi=document.getElementsByTagName('li');

          aLi=[].slice.call(aLi);//集合转数组

          var $aLi=$(aLi);

          $aLi.html('我是jQuery对象');//所有的li的内容都变成'我是jQuery对象'

方式二

1

2

3

4

5

6

7

8

9

10

11

12

// 传入DOM元素

       jQuery('li').each(function(index,ele){

              jQuery(ele).on('click',function(){

                  jQuery(this).css('background','red');//这里的DOM元素就是this

              })

      })

       

      //传入DOM数组

      var aLi=document.getElementsByTagName('li');

          aLi=[].slice.call(aLi);//集合转数组

          var $aLi=$(aLi);

          $aLi.html('我是jQuery对象');//所有的li的内容都变成'我是jQuery对象'

以上就是jquery库中的$()是什么的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

js实现正则表达式验证端口范围的方法

详细介绍js中的变量提升机制

js中数组的迭代方法:filter、reduce、every、some

怎么引入jquery?

js如何实现时间的格式化

jsp调用javascript方法是什么

js如何将json字符串转换为json对象

网页代码中js和css指的是什么

一起来聊聊jquery、javascript与js三者间的区别

js 可断点续传文件上传实现教程

更多相关阅读请进入《js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...