jQuery的基本語法和基本屬性

2021-10-09 08:33:08 字數 2737 閱讀 3500

選擇器

基本選擇器$("*") $("#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...