ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryライブラリの$()とは何ですか

jqueryライブラリの$()とは何ですか

(*-*)浩
リリース: 2019-06-15 17:58:53
オリジナル
8485 人が閲覧しました

は jquery オブジェクト、$() は jQuery() です。パラメーターを渡すことができ、その機能は要素

jqueryライブラリの$()とは何ですか# を取得することです。

#次の例

$(".div1") は、クラス名 div1 の要素を取得することを意味します。たとえば、get

$(".div1").onclick はクラス名 div1

$ の div のクリック イベントを表します。これは Function オブジェクトである jQuery オブジェクトです。 $() はこの関数を呼び出し、


例:

html

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
ログイン後にコピー
## を取得します。 #js

方法 1

 // 传入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对象'
ログイン後にコピー

方法 2

 // 传入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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
js
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート