ホームページ  >  記事  >  ウェブフロントエンド  >  jsとjqの比較例

jsとjqの比較例

小云云
小云云オリジナル
2018-03-26 16:26:111584ブラウズ

この記事では主に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;);

4. src を取得

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

関連する推奨事項:

知識のポイント

JSとjQueryの登録情報検証機能実装コード

JSとJQUERYの違いは何ですか

以上がjsとjqの比較例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。