選擇器
基本選擇器$("*") $("#id") $(".class") $("element") $(".class,p,div")
層級選擇器$(".outer div") $(".outer>div") $(".outer+div") $(".outer~div")
基本篩選器$("li:first") $("li:eq(2)") $("li:even") $("li:gt(1)")
屬性選擇器$('[id="div1"]')
表單選擇器$("[type='text']")
只適用於input標籤$(":text")
hello div
hello div1
111222333
444 hello p
hello p1
hello ppp
hello pp
dddhi
篩選器
過濾篩選器
$("li").eq(2) $("li").first() $("ul li").hasclass("test")
檢視li節點裡有沒有class為test,返回true和false
查詢篩選器
$("div").children(".test") $("div").find(".test")
$(".test").next() $(".test").nextall() $(".test").nextuntil()
$("div").prev() $("div").prevall() $("div").prevuntil()
$(".test").parent() $(".test").parents() $(".test").parentsuntil()
$("div").siblings()
hello div1
hello div2
hello div3
hello div10
hello p
hello
hello4
hello5
hello6
左側選單
選單一111
111111
選單二111
111111
選單三111
111111
table切換
內容一內容二內容三
js繫結事件方式補充
hello
hello
屬性操作
$("p").text() $("p").html() $(":checkbox").val()
$(".test").attr("ala") 拿到ala $(".test").attr("ala","s") 設定ala
$(":checkbox").removeattr("checked")
$(".test").prop("checked",true)
$(".test").addclass("hide")
全選取消
反選111
222
333
444
模態對話方塊
文件處理
hello p
clone完全複製
empty and remove
yyyyyhello
滾動選單示例:
新布局 無overflow:auto
a. onscroll事件
b. 獲取滾條高度
$(…).scrolltop() $(…).scrolltop(10) $(…).scrollleft(10)
c. 如何獲取某個標籤距離頂部高度
$(…).offset() 獲取當前標籤距離文件頂部高度
$(…).height() 獲取當前標籤自己的高度
$(…).innerheight() 獲取自己高度+padding; 不包括邊距
$(…).outerheight() 引數一:false:
獲取自己高度+padding+border;
引數二:true:
獲取自己高度+padding+border+margin;
選單一選單二
選單三選單四
返回頂部
jquery基本語法
1.查詢id為 的元素 元素id 2.查詢dom中乙個節點 標籤名稱 3.查詢某乙個特定的類 類名 4.查詢所有dom標籤元素 5.查詢dom框架內部的某一給定的祖代元素的後代元素 祖先元素 後代元素 6.查詢dom框架內某一父節點下的所有子節點元素 父節點元素 子節點元素 7.給某一指定input...
JQuery基本語法
選擇器 1。form text,form password 選擇form中type為text和password 2.form text not name,nickname,verify 選擇form中type為text的並且不包括id為name,nickname,verify的 3.input na...
jquery基本語法
jquery jquery 的使用 jquery方法大全中文網 然後就是再頁面裡面引入 jquery.js 就行了 document 然後就可以開始使用了 jquery 向全域性暴露的介面就是 jquery 或者 都行 jquery.ready 與window.onload的區別 window.on...