ホームページ  >  記事  >  ウェブフロントエンド  >  Jquery勉強記(1)_jquery

Jquery勉強記(1)_jquery

WBOY
WBOYオリジナル
2016-05-16 18:44:55688ブラウズ

基礎知識:
構造と動作を分離したい場合、 のようなものは当然使用できません。js は の間に記述されます。 window.onload について言えば、これは良いことではないので、Jquery のクリエイティブ

コードをコピーします コードは次のとおりです。

$(document).ready(funciton(){

});

もちろん、より合理化されます:
コードをコピー コードは次のとおりです:

$(function(){

});

私の最初の Jquery スクリプトは次のようになりました。
$(function(){alert("準備完了")});
Jquery オブジェクトのメソッドと DOM オブジェクトのメソッドを混在させることはできません。たとえば、$("#id").innerHTML または document.getElementById("id").html() は両方とも間違っています。
Jquery オブジェクトと DOM オブジェクト間の変換。Jquery セレクターによって返されるオブジェクトは実際にはオブジェクト配列として返されるため、配列の添字を変換に使用できます。 Jquery の get(index) メソッドを使用することもできます
コードをコピーします コードは次のとおりです:

$ (function(){
var $p=$("p");
var p=$p[0];//var p=$p.get(0);
alert(p .innerHTML);
});

DOM オブジェクトを Jquery オブジェクトに変換することもできます
コードは次のとおりです。

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