jquery库中的$()是什么？

jquery库中的$()是什么？

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

如下例子

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

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

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

实例：

html

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>

js

方式一

// 传入DOM元素
       $('li').each(function(index,ele){
              $(ele).on('click',function(){
                  $(this).css('background','red');//这里的DOM元素就是thi<mark style="color:transparent">来源gaodaimacom搞#^代%!码网</mark>s
              })
      })
       
      //传入DOM数组
      var aLi=document.getElementsByTagName('li');
          aLi=[].slice.call(aLi);//集合转数组
          var $aLi=$(aLi);
          $aLi.html('我是jQuery对象');//所有的li的内容都变成'我是jQuery对象'

方式二

// 传入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对象'

更多web前端知识，请查阅 搞代码网 ！！

以上就是jquery库中的$()是什么？的详细内容，更多请关注gaodaima搞代码网其它相关文章！

喜欢 (0)赏

[搞代码]

分享 (0)