jquery库中的$()是什么-tutorial js-php.cn

jquery库中的$()是什么

(*-*)浩

Lepaskan： 2019-06-15 17:58:53

asal

8485 orang telah melayarinya

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

如下例子

$(".div1") 表示获取类名为div1的元素，例如获取

$(".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>

Salin selepas log masuk

方式一

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

Salin selepas log masuk

方式二

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

Salin selepas log masuk

Atas ialah kandungan terperinci jquery库中的$()是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!