jquery の基本学習ノート - PHPer Xu Qin - PHP テクノロジーに焦点を当てる

jquery 基礎学習ノート - PHPer Xu Qin - PHP テクノロジーに焦点を当てる
jQuery は JavaScript 関数ライブラリです。

jQuery ライブラリには次の機能が含まれています:
HTML 要素の選択
HTML 要素の操作
CSS 操作
HTML イベント関数
JavaScript の効果とアニメーション
HTML DOM のトラバースと変更
AJAX 非同期、インタラクティブな JavaScript および XML メソッド
ユーティリティ ユーティリティ

jQuery 構文は HTML 要素の選択用にコンパイルされ、要素に対して特定の操作を実行できます。 $(selector).action();
jQuery セレクター:
jQuery 要素セレクター: 例: $("p#demo") は、id="demo" を持つ最初の

要素を選択します。
jQuery 属性セレクター: 例: $("[href$='.jpg']") は、href 値が「.jpg」で終わるすべての要素を選択します。
jQuery CSS セレクター: 例: $("p").css("background-color","re​​d"); すべての p 要素の背景色を赤に変更します。

jQuery 名の競合; 名前の競合がある場合は、jQuery ライブラリの名前を変更します: var jq=jQuery.noConflict(); その後、$ を jq

に置き換えます。関数の後のステートメントでは、コールバック関数を使用します。
$("p").hide(1000,function(){
alert("段落は現在非表示になっています");
});

jQuery は AJAX 向けに提供関数 (メソッド) のライブラリ。
jQuery AJAX を使用すると、HTTP Get と HTTP Post の両方を使用して、リモート サーバーから TXT、HTML、XML、または JSON をリクエストできます。



1. Jquery セレクターのさまざまな使用方法

$(this) current element
$("p") all

$ ("input") すべての入力要素
$(".intro") class="intro"
$("p.intro") を持つすべての要素 class="intro"

要素
$("#intro") id="intro"
$("ul > li") の最初の要素 ul
$("ul li:first" ) の下のすべての li ノード各

の
• 要素
  $("[href$='.jpg']") ".jpg" で終わるすべての属性
  $("div#intro . head") id="intro"
  $(li[a:contains('Register')]") を持つ
  要素内の class="head" を持つすべての要素 コンテンツ 🎜>$("input[@name=bar]") には Register と 要素
  $("input[@type=radio][@checked]" の名前は bar ) の型は < ;input> ラジオの要素
  $("li").not("ul") li の下に ul ノードを含むノード要素はありません
  $("span[@id]") id 属性が含まれます< switch要素
  $("[@id=span1]") IDがspan1
  
  2. Jqueryの概要
  
  $(selector) クリック選択した要素のイベント
  $(selector).dblclick() 選択した要素のダブルクリックイベント
  $(selector).focus() 選択した要素のフォーカスイベント
  $( selector) .mouseover() 選択した要素のマウスオーバーイベント
  $(selector).css(); 選択した要素のCSSイベント
  $(selector).hide(); 選択した要素のイベントを非表示
  $(selector) . show('slow'); 選択した要素の表示イベント
  
  PHPer Xu Qin - PHP テクノロジーに焦点を当てる
  
  

  声明：

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