ホームページ > ウェブフロントエンド > jsチュートリアル > jquery の一般的ではないメソッドの概要_jquery

jquery の一般的ではないメソッドの概要_jquery

WBOY
リリース: 2016-05-16 15:49:09
オリジナル
1129 人が閲覧しました

1.jquery にはフィルタリング API find があります。

構文は次のように非常に単純です:

HTML コード:

<p><span>Hello</span>, how are you&#63;</p>
ログイン後にコピー

jQuery コード:

$("p").find("span")

ログイン後にコピー

結果:

[ <span>Hello</span> ]

ログイン後にコピー

しかし、これは $('p span') API とまったく同じではありません。なぜこの find を使用する必要があるのでしょうか?
今日、アプリケーションのシナリオに遭遇したことがわかりました。

シーンは次のようになります。div.skill があります。マウスがその上を通過すると、そのサブセレクター div.'skill-text'、
に新しいクラスを追加する必要があります。 学生の中には、なぜイベント委任を使用しないのかと尋ねる人もいるかもしれません:

$('.skill').on('mouseover',‘.skill-text',function(e){
     $(this).addClass('skill-active');
});

ログイン後にコピー

後で '.skill' の処理コードがあり、同様の .skill が多数あるため、$('.skill') を介して直接操作することはできず、this または e.target; を使用する必要があります。

$('.skill').on('mouseover',function(e){

     $(this).find('.skill-text').addClass('skill-active');

   //.......其余代码

});

ログイン後にコピー

このような状況では非常に便利です。 CSSセレクターを使用してオブジェクトを直接見つけることができないためです。

それ以外に良い方法が思いつきません。ネイティブ JS が見つからない場合はどうやって記述すればよいでしょうか。 。 。 。 【疑わしい】

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

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