$("*")
全オブジェクト取得
$("#element")
としてIDを取得element オブジェクトは document.getElementById("element"); と同等です
$(".abc")
クラス abc のオブジェクトを取得します
$("div")
HTML 内のすべての div 要素を取得します
$("#a,.b,p")
ID a とクラス b およびすべての p 要素を取得します
$("# a .b p")
ID a、クラス b の要素配下の p 要素を取得
(2) 階層オブジェクトを取得
$("div> input")
div 下のすべての入力オブジェクトを取得します
$("div h")
div の直後の h 要素を取得します
$("div~p ")
要素 div 以降の p 要素をすべて取得
(3) 単純なオブジェクト取得
$("element:first")
最初の要素を取得$("div:frist") など、ページ上の要素の最初の div を表します
$("element:last")
ページ上の要素の最後の要素を取得します。 $("div:frist") などは最後の div を表します
$("element:not(selector)")
$("input:not(: check )") は、チェックされていないすべてのチェックボックスを表します
$("element:even")
要素要素の偶数行を取得します
$("element:odd")
Get要素の奇数行
$("element:eq(index)")
3 番目の div の $("div:el(2)") などの特定のインデックスを持つ要素を取得します
$("element:gt(index)")
指定されたインデックス値より大きいすべての要素に一致します
$("element:lt(index)")
すべてに一致します指定されたインデックスより小さい要素
$(":header")
H タグ付きの要素と一致します
$("element:animated")
一致しないすべての要素と一致しますアニメーション効果の実行
の要素 (4) コンテンツオブジェクトの取得とオブジェクトの可視性
$("Element:contains(text)")
のテキスト要素 特定の文字または文字列が含まれているかどうか
$("Element:empty")
テキストまたはサブ要素を含まない要素オブジェクトを取得します
$("Element: parent")
テキストまたはサブ要素を含むオブジェクト要素を取得します
$("Element:has(selector)")
特定の要素に $(" などの特定の要素が含まれるかどうかを照合しますp:has(span) ") は、span 要素を含むすべての p 要素を意味します
$("Element:hidden")
は、display:none および入力属性が hidden である要素を含む、すべての非表示の要素と一致します
$("Element:visible")
すべてのコースウェア要素と一致する
(5) 高度なオブジェクト取得
$("Element[id] ")
id 属性を持つすべての要素を取得します
$("Element[attribute=abcd]")
abcd 属性を持つすべての要素を取得します
$("Element [ attribute!=abcd]")
属性が abcd ではない要素をすべて取得
$("Element[attribute^=ab]")
属性が ab で始まる要素をすべて取得
$("Element[attribute$=ab]")
ab で終わる属性を持つすべての要素を取得します
$("Element[attribute*=ab]" )
ab を含む属性を持つすべての要素を取得します
$("Element[selector1][selector2][...]")
$(" input[id][ などの属性セレクターに準拠します) name][value=abcd]") は、ID、名前、値 abcd を持つ入力要素を取得することを意味します
(6) サブ要素の取得
$("要素:nth-child(index)")
親の下の N 番目の子要素を選択します。インデックスは 1 から始まります
:nth-child(even) Even
:nth-child(odd) 奇数
:nth-child(3n) 式
:nth-child(2) インデックス
:nth-child(3n 1) 式
$(" 要素:first-child")
親の下にある最初の子要素
$("Element:last-child")
親の下にある最後の子要素
$("Element:only-child" ")
親の下にある唯一の子要素
(7) フォームオブジェクトの取得
$(:input)
入力とのみ一致可能要素タイプ入力ボタン テキストエリアを選択
$(:text)
現在の行のすべてのテキスト ボックス
$(:password)
すべてのパスワード ボックス
$( :radio)
すべてのラジオ ボタン
$(:checkbox)
すべてのチェックボックス
$( :submit)
すべての送信ボタン
$( :image)
すべての画像フィールド
$(:reset)
すべてのリチャージ ボタン
$(:button )
すべてのボタン
$(:file)
すべてのファイル アップロード フィールド
$(:hidden)
すべての非表示要素または非表示タイプの要素
$(:enabled)
使用可能なすべての入力要素
$(:disabled)
すべての無効化可能な入力要素
$(:checked)
すべてのチェックボックス要素
$(:selected)
すべてのドロップダウンtables
(8) 要素属性の設定と削除
$("Element").attr(name)
最初に一致した要素の属性値を取得$("img").attr("src"); など
$("Element") .attr({key:value,key:value,...})
複数設定要素の属性を一度に設定します
$("Element").attr(key, value)
要素の属性を設定します
$("Element").attr(key ,function)
一致するすべての要素に計算された属性を設定します
$ ("Element").removeAttr(name)
属性を削除します

实现方法:1、用“$("img").delay(毫秒数).fadeOut()”语句,delay()设置延迟秒数;2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句,通过定时器来延迟。

区别:1、axios是一个异步请求框架,用于封装底层的XMLHttpRequest,而jquery是一个JavaScript库,只是顺便封装了dom操作;2、axios是基于承诺对象的,可以用承诺对象中的方法,而jquery不基于承诺对象。

修改方法:1、用css()设置新样式,语法“$(元素).css("min-height","新值")”;2、用attr(),通过设置style属性来添加新样式,语法“$(元素).attr("style","min-height:新值")”。

增加元素的方法:1、用append(),语法“$("body").append(新元素)”,可向body内部的末尾处增加元素;2、用prepend(),语法“$("body").prepend(新元素)”,可向body内部的开始处增加元素。

在jquery中,apply()方法用于改变this指向,使用另一个对象替换当前对象,是应用某一对象的一个方法,语法为“apply(thisobj,[argarray])”;参数argarray表示的是以数组的形式进行传递。

删除方法:1、用empty(),语法“$("div").empty();”,可删除所有子节点和内容;2、用children()和remove(),语法“$("div").children().remove();”,只删除子元素,不删除内容。

去掉方法:1、用“$(selector).removeAttr("readonly")”语句删除readonly属性;2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。

on()方法有4个参数:1、第一个参数不可省略,规定要从被选元素添加的一个或多个事件或命名空间;2、第二个参数可省略,规定元素的事件处理程序;3、第三个参数可省略,规定传递到函数的额外数据;4、第四个参数可省略,规定当事件发生时运行的函数。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

Dreamweaver Mac版
ビジュアル Web 開発ツール

ホットトピック



