Rumah > hujung hadapan web > tutorial js > jquery库中的$()是什么

jquery库中的$()是什么

(*-*)浩
Lepaskan: 2019-06-15 17:58:53
asal
8494 orang telah melayarinya

就是jquery对象,$()就是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

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对象'
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!

Label berkaitan:
js
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan