jquery物件就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的。如果乙個物件是jquery物件，那麼它就可以使用jquery裡的方法：$(「test」).html();
$("
#test
").html()
//意思是指：獲取id為test的元素內的html**。其中html()是jquery裡的方法
// 這段**等同於用dom實現**： document.getelementbyid("
test
").innerhtml;
//雖然jquery物件是包裝dom物件後產生的，但是jquery無法使用dom物件的任何方法，同理dom物件也不能使用jquery裡的方法.亂使用會報錯
//約定：如果獲取的是 jquery 物件, 那麼要在變數前面加上$.
var $variable =jquery 物件
var variable =dom 物件
$variable[0]：jquery物件轉為dom物件 $(
"#msg
").html(); $("
#msg
")[0].innerhtml
jqueryde基礎語法：$(selector).action()
$("*") $("#id") $(".class") $(".class,p,div")
$(".out div")#後代選擇器 $(".out>div")#子代選擇器
$(".out+div") #毗鄰選擇器（緊鄰下乙個選擇器） $(".out~div")兄弟元素選擇器
$("
li:first
") //第乙個li$("
li:last
") //最後乙個li$("
li:even
") //挑選下標為偶數的li$("
li:odd
") //挑選下標為基數的li$("
li:eq(4)
") //下標等於4的li$("
li:gt(2)
") //下標大於2的li$("
li:lt(2)
") //下表小於2的li
alex$("[alex='sb']").css("color","green")
"text
" value="
123">$(
":text
").css("
border
","2px solid green")
$("[type='text']
")-----$( "
:text
") 注意只適用於input標籤：$("
input:checked
")
$("
ul li
").eq(2).css("
color
","green
") //推薦使用$("
ul li
").first().css("
color
","yellow")
console.log($(
"ul li
").hasclass("
item
")) //true
//孩子組$(".div1
").children("
.div2
").css("
color
","red
")//children(找子代（兒子層）)
$(".div1
").find("
p").css("
color
","yellow
") //find（找後代（兒子跟孫子層））
//兄弟組（next）
$(".div2
").next("
.p2").css("
color
","red
") //下乙個兄弟標籤
$(".div2
").nextall().css("
color
","yellow
") //找全部兄弟標籤$("
.div2
").nextuntil("
a").css("
color
","red
") //（開區間，取中間部分）
//兄弟組（prev）$("
a").prev("
.p2").css("
color
","red")
$("a").prevall().css("
color
","red")
$("a").prevuntil().css("
color
","green")
//父親組（parent）$("
.test
").parent() $("
.test
").parents() $("
.test
").parentuntil()
//所有的兄弟除了自己本身（siblings）$("
.p2").siblings().css("
color
","green
")
對於屬性操作：attr：操作自定義屬性左側選單prop：操作固有屬性
prop（「屬性名」） --------取值
prop（「屬性名」，屬性值） ------賦值
$(""
).attr();
$(""
).removeattr();
$(""
).prop();
$(""
).removeprop();
--------------------------css類
$("").addclass(class|fn)
$("").removeclass([class|fn])
--------------------------html**/文字/值
">選單一
class="
con">
111111111
class="
item
">
class="
title
" onclick="
show(this);
">選單二
class="
con hide
">
111111111
class="
item
">
class="
title
" onclick="
show(this);
">選單三
class="
con hide
">
111111111
class="
content
">
前端總結之jQuery
1,jquery fadein 方法 jquery fadein 用於淡入已隱藏的元素。2,jquery fadeout 方法 jquery fadeout 方法用於淡出可見元素。3,jquery fadetoggle 方法 jquery fadetoggle 方法可以在 fadein 與 fade...
Jquery前端驗證學習
jquery validate 外掛程式為表單提供了強大的驗證功能，讓客戶端表單驗證變得更簡單，同時提供了大量的定製選項，滿足應用程式各種需求。該外掛程式 了一套有用的驗證方法，包括 url 和電子郵件驗證，同時提供了乙個用來編寫使用者自定義方法的 api。使用方式 1 將校驗規則寫到控制項中 2 ...
前端那些事之 jQuery
1.jquery是什麼 乙個js的框架,可以方便的使用js 2 什麼是jquery物件 是由jquery封裝後的dom物件 注意 與dom物件的方法不同,不可以混用,但是可以相互轉換 3.基本語法 jquery物件.方法 4.得到jquery物件 1 選擇器 基本選擇器 id class eleme...