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如何实现原生map

如何利用js拼接html字符串

js如何创建字符串数组

javascript如何解除事件绑定

原生js实现年份轮播选择效果

一分钟了解js中int和string的转换(附代码)

js怎么获取css属性

详解js中图片懒加载的实现原理

js实现3d相册(附源码)

js内置对象 math 和 date 的详解

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




打赏

取消

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

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

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

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

评论

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