1.層級選擇者
後位選擇器 "父元素 後代元素"
例如:$("div p") 選取div元素下所有的p元素
子元素選擇器 "父元素> 子元素"
#例如:$("div>p") 選取div的子元素中的p元素
# 第一個向後兄弟元素 "元素名+兄弟元素"
例如:$("div+p") 選取div元素後的第一個p元素
向後所有的兄弟元素 "元素名稱~兄弟元素"
例如:$("div~p") 選取div元素後的所有p元素
2.篩選選擇者
:first $("p:first") 第一
元素 最後一個
元素
:gt $("p: gt(1)"); 編號大於1的所有
元素
:eq $("p:e $( "td:odd"); 編號為所有奇數的
元素
依據內容篩選
:contains(內容)
# 根據顯示來篩選
:hidden 選出隱藏的元素(display:none 或type="hidden" 或隱藏父元素或長度和寬度為0的,這些元素是隱藏元素)
3.表單選擇器
:input
:button
:##
# 4.屬性--篩選選擇器
[屬性名] 選擇到有這個屬性的元素
[屬性名='值'] 選擇到屬性等於某值的元素##屬性名稱!='值'] 選擇到屬性不等於某個值的元素
例如:$("input[name='newlatter']"); 選取name屬性為newlatter的input元素
5.表單屬性選擇器
利用:checked :selected :enabled :disabled 來對元素進行篩選
對屬性篩選選擇器的簡單選擇) 選取的已選取的radio元素
6.屬性方法
attr("屬性名稱") 取得屬性
removeAttr("屬性名稱") 移除屬性
7.取得並設定value屬性的方法
val() 與val("值")
8.html() )對應innerHTML
html("值")對應innnerHTML="值"
text() text("值")
")對應innerText="值"
9.樣式函數
css("樣式的名稱") 的值") 設定對應的樣式 設定一個為
css({"樣式的名字":"樣式
addClass("class名") 增加一個類子屬性對應的價值# 刪除class屬性對應的值
toggleClass("class名") 切換
#
width() 取得寬度
height() 取得寬度
innerWidth() 取得寬度(包含內邊界為一個副距)# th(true)取得寬度(包括內邊距和邊框 和外邊距)
10.顯示與隱藏函數
## 10.顯示與隱藏函數
show() 顯示
c
show(speed) 在規定的時間內顯示
hide(speed) 在規定的時間內隱藏
在規定的時間內向上收縮
slideDown(speed) 在規定的時間內向下展開
slideToggle(speed) 時間內淡入
fadeOut(speed) 在規定的時間內淡出
fadeToggle(speed) 為所定義的兩種狀態
# 參數"},[時間],[動畫回呼函數]);
$(document).ready(function(){
$("button").click(function(){
$("div").animate({
left:'250px',
opacity:'0.5'## opacity:'0.5'## opacity:'0.5',##115' width:'150px'
} ,2000);
});
});
12.綁定事件
選擇器.bind("事件",事件處理函數);關聯上對應的事件處理函數 建議使用on
選擇器.unbind("事件"); 斷開元素的事件與對應處理觸發事件呼叫
建立常用的事件函數:
click(fn)/click()
dblclick(fn)/dblclick()
模糊(fn)/模糊()
keydown(fn)/keydown ()
keyup(fn)/keyup()
mouseover(fn)/mouseover()##c Submit(fn)/submit()
則以載入(fn)/unload(fn)
例如:$("div").click(function(e){});//e是事件物件
$("div").bind("click",function(){});
13.event事件物件常用的屬性與方法## 來源
pageX 滑鼠點選的X座標
pageY 滑鼠點選的Y座標
stopPropagation() 取消事件11( ){
alert(e.pageX+":"+e.pageY);
)
滑鼠移上去觸發over函數,移開觸發out函數
15.動態事件函數
on(事件類型,選擇器,處理函數)
與選擇器相符的元素綁定事件
:$("table").on("click","tr",function((){
} );
16.文件處理函數
$(html); 建立元素
內部前置內容
after() 在每個配對的元素之後插入內容
before() empty() 清空節點
clone() 複製節點元素
clone(true) 複製節點元素與綁定元素處理# 找出後面的兄弟元素
prev( ) 尋找前面的兄弟元素
siblings() 找出兄弟元素
與中對子 parent(selector) 找出祖先元素
eq(index) 返回index+1位置處的jQuery物件
first() 取得第一個元素
) 判斷元素是否滿足expr條件
not(expr) 傳回不符合某些條件的元素
get(index) 取得其中一個符合的DOM元素
17.工具函數# # 遍歷方法,以遍歷陣列與物件
$.unique(array)
.merge( first,second)
合併兩個數組,並於兩個數組並於第一個數組上
$.trim(str)## #1 ##
以上是jQuery中一些常用的方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!