1. JQuery的鏈?zhǔn)讲僮黠L(fēng)格

<script type="text/javascript"> //等待dom元素加載完畢. $(document).ready(function(){$(".has_children").click(function(){$(this).addClass("highlight") //為當(dāng)前元素增加highlight類(lèi).children("a").show().end() //將子節(jié)點(diǎn)的a元素顯示出來(lái)并重新定位到上次操作的元素.siblings().removeClass("highlight") //獲取元素的兄弟元素，并去掉他們的highlight類(lèi).children("a").hide(); //將兄弟元素下的a元素隱藏}); }); </script>

2. JQuery對(duì)象與DOM對(duì)象:JQuery對(duì)象只能使用JQuery的API,DOM對(duì)象只能使用javascript方法.

3. JQuery對(duì)象與DOM對(duì)象定義變量的風(fēng)格

//JQuery var $variable = JQuery對(duì)象
//DOM var variable = DOM對(duì)象

4.JQuery對(duì)象轉(zhuǎn)換成DOM對(duì)象

?? 1.JQuery對(duì)象是數(shù)組對(duì)象,通過(guò)index得到

???? var $cr = $("#cr");

　? var cr = $cr[0];

???? alert(cr.checked);

???2.JQuery對(duì)象的API,getIndex方法

　? var $cr = $("#cr");

　? var cr = $cr.get(0);

???? alert(cr.checked);

5.DOM對(duì)象轉(zhuǎn)換JQuery對(duì)象

?? var cr = document.getElementById("cr");

???var $cr = $(cr);

6.怎么解決javascript和其他庫(kù)的沖突: 通過(guò)調(diào)用jQuery.noConflict()函數(shù).將$的控制權(quán)移交給其他javascript庫(kù),移交以后平時(shí)使用$的地方只能使用jQuery代替了

<script type="text/javascript"> jQuery.noConflict(); //將變量$的控制權(quán)讓渡給prototype.js jQuery(function(){ //使用jQueryjQuery("p").click(function(){alert( jQuery(this).text() );}); });$("pp").style.display = 'none'; //使用prototype </script>

　另外一種方式,不想與其他javascript庫(kù)沖突,又想定義一個(gè)快捷方式

<script type="text/javascript"> var $j = jQuery.noConflict(); //自定義一個(gè)比較短快捷方式 $j(function(){ //使用jQuery$j("p").click(function(){alert( $j(this).text() );}); });$("pp").style.display = 'none'; //使用prototype </script>

　另外兩種方式,移交出$控制權(quán),又能繼續(xù)使用$的方式

<script type="text/javascript"> jQuery.noConflict(); //將變量$的控制權(quán)讓渡給prototype.js jQuery(function($){ //使用jQuery$("p").click(function(){ //繼續(xù)使用 $ 方法alert( $(this).text() );}); });$("pp").style.display = 'none'; //使用prototype </script><script type="text/javascript"> jQuery.noConflict(); //將變量$的控制權(quán)讓渡給prototype.js (function($){ //定義匿名函數(shù)并設(shè)置形參為$$(function(){ //匿名函數(shù)內(nèi)部的$均為jQuery$("p").click(function(){ //繼續(xù)使用 $ 方法alert($(this).text());});}); })(jQuery); //執(zhí)行匿名函數(shù)且傳遞實(shí)參jQuery$("pp").style.display = 'none'; //使用prototype </script>

　　

?7.讓VS2008支持智能感知的方式:

?8.簡(jiǎn)寫(xiě)方式

$(document).ready(function(){//......... );$(function(){//.......... });

　　

?

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/eclipsekan/archive/2012/08/27/2658180.html

總結(jié)

以上是生活随笔為你收集整理的锋利的JQuery学习笔记01的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。