首頁 > web前端 > js教程 > js和jq的比較實例

js和jq的比較實例

小云云
發布: 2018-03-26 16:26:11
原創
1611 人瀏覽過

本文主要和大家分享js和jq的比較實例 ,主要以程式碼的形式和大家分享,希望能幫助大家。

1.遍歷/ 事件

//  js
var liList = document.querySelector('ul').querySelectorAll('li');
for(var i = 0; i < liList.length; i++){
    liList[i].onclick = function () {

    }
}
// jq
$(&#39;.optionUl li&#39;).each(function () {
    $(this).click(function () {
        
    });
})
登入後複製

2.取得自訂屬性

// js
var id = document.querySelector(&#39;.demo&#39;).dataset.id;

// jq
var id = $(&#39;.demo&#39;).data(&#39;id&#39;);
登入後複製

3.設定css屬性

//jsdocument.querySelector(&#39;.demo&#39;).style.color = "red";//jq$(&#39;.demo&#39;).css("display")
登入後複製

4.取得src

//jq var it = $(&#39;.captcha img&#39;).attr("src"); var it = $(&#39;.captcha img&#39;)[0].src;
登入後複製

5.改變className

//jsdocument.querySelector(&#39;.demo&#39;).className = "list";//jq$(&#39;.demo&#39;).css("display")
登入後複製

相關推薦:

js和jquery知識點匯總

JS和jQuery註冊信息的驗證功能實作程式碼

JS和JQUERY有什麼差別

#

以上是js和jq的比較實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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