首頁 > web前端 > js教程 > jquery庫中的$()是什麼

jquery庫中的$()是什麼

(*-*)浩
發布: 2019-06-15 17:58:53
原創
8494 人瀏覽過

就是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>
登入後複製
######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对象'
登入後複製

以上是jquery庫中的$()是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板