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元素就是this
              })
      })
       
      //传入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前端知识,请查阅 HTML中文网 !!

以上就是jquery库中的$()是什么?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏