jquery基本構文-セレクタオブジェクト変換プロパティスタイル

参照してから使用

    $(document).ready(function(){
    alert("hello");
    })

jqueryのreadyメソッドはjavascriptのonloadメソッドよりも早く実行されます.onloadは、参照された外部css、jsファイルを含むドキュメントで参照されているすべてのリソースがロードされるまで実行されないからです.readyは複数のonloadを持つことができます.

$(function(){
alert("hello");
})

JAvascriptとjqueryイベントの構文が異なるjavascript:domobject.イベント=function(){}jquery:jqueryobject.イベント(function(){});
JAvascriptとjqueryの属性は通用しません
特徴:1.豊富なセレクタjavascript:

var div=document.getElementById("mydiv");
div.innerHTML="hahahaha";

jquery:

$("#mydiv").html("hehehehehe");

2.暗黙反復

$(".redtext").html("************");

すべてのredtextラベルを選択した後、遍歴する必要がなく、すべてのラベルの内容を変更することができます.
3.チェーンプログラミング

$("#mydiv").css("background-color","red").css("border-radius","50px").html("  ");

付与値取値とjavascriptの違い:jquery:html text val
javascript: innerHtml innerText value
セレクタ
すべての段落を選択:

$("p").html("@@@@@@@@@@@@@@@@@@@@");

id=「mydiv」プロパティを持つすべてのラベルを選択します.

$("#mydiv").html("hehehehehe");

class=「redtext」プロパティを持つすべてのラベルを選択します.

$(".redtext").html("************");

オブジェクト変換
jqueryオブジェクト->domオブジェクトに下付き$(".mydiv")[0]または$(".mydiv").get(0)ループに下付きを付けてもdomオブジェクト
domオブジェクト—>jqueryオブジェクトを$()に入れます.
ツールバーの
attr

$("img").attr("src","img/w3.jpg");
$("img").attr("title");
$("img").removeAttr("title");

コントロールするのは、ラベル上のプロパティinput type=「checked」ラベルプロパティchecked=「checked」

$("myck").attr("checked","checked");
$("myck").removeAttr("checked");

prop

$("img").prop("src","img/w3.jpg");

コントロールはdomオブジェクトのプロパティCheckbox checked=true/false

$("#myck").prop("checked",true);
$("#myck").prop("checked",false);

attrを使用して属性を削除した後、属性を再設定することはできませんので、jqueryを使用して選択を解除する場合はpropを使用することが望ましいです.
すべて選択