用jQuery鎖定標籤

2021-10-13 19:00:43 字數 2528 閱讀 9892

4.和chrome的區分

二、多層鎖定

乙個測試的**:

返回的都是jquery物件(類似陣列,裡面儲存著dom元素)

標籤名:$("標籤名");。返回匹配到的所有元素。

id名:$("#id名");。返回的只有乙個,且是匹配到的第乙個元素。

類名:$(".類名");。返回匹配到的所有元素。

所以使用的時候,要帶下標選取列表中的元素。比如$('div')返回包含兩個元素的列表,則獲取第二個元素是$('div')[1]

例子

>

>

src=

"/jquery/jquery.min.js"

>

script

>

head

>

>

class

="intro"

id='demo'

>

hello world!p

>

class

="intro"

id='demo'

>

hello china!p

>

class

="intro"

id='only'

>

hello shanghai!p

>

"demo1"

>

p>

>

$(document)

.ready

(function()

);script

>

body

>

html

>

$("#demo1").text("【here】" + $(".intro")[2].innerhtml);

$("#demo1").text("【here】" + $("#only")[0].innerhtml);
標籤名 加上 類名或者id :返回的也都是列表

例子

$("#demo1").text("【here】" + $("p#intro")[2].innerhtml);

$("#demo1").text("【here】" + $("p#demo")[1].innerhtml);
返回的列表只有乙個元素,這個元素是匹配到的第乙個元素

$("#demo1").text("【here】" + $("#demo")[0].innerhtml);

$("#demo1").text("【here】" + $("#demo")[1].innerhtml);
獲取不到hello china!返回匹配到的所有元素。

$("#demo1").text("【here】" + $("p#demo")[0].innerhtml);

$("#demo1").text("【here】" + $("p#demo")[1].innerhtml);

這是jquery中的$:如果只匹配到乙個標籤的話,那麼就直接是它;多個的話,得到的是列表,需要***[i]來獲取其內元素。

而不是chrome控制台中的$命令:返回第乙個匹配到的標籤。

$("父層 子層 子子層 ...");:都是返回列表,且同$("標籤名#id名");一樣是返回匹配到的所有元素。

例子

$("#demo1").text("【here】" + $("body p")[2].innerhtml);

$("#demo1").text("【here】" + $("html body p")[2].innerhtml);

jquery實現表頭鎖定

前段時間做專案時候由於需要顯示乙個列表,但是由於資料太多在滾動的時候表頭必須凍結住,所以就寫了下面這個指令碼 曾經在網上也找過相應的指令碼,但是不怎麼理想所以就自己寫了,但是目前由於專案僅僅用到了表頭的凍結,而不需要指定列凍結所以目前只能算個不完整的指令碼,不過一般的僅僅需要表頭凍結就可以使用了 現...

jQuery標籤選擇

符號 也可以直接寫成jquery id id class class tag div attr 具備屬性 name 多屬性 name age 屬性篩選 name godme 屬性過濾 name godme 不等 name godme 開頭 name godme 結尾 組合查詢 div,class,n...

jQuery標籤操作

標籤找到就可以進行對應的操作了 addclass cls 新增類 removeclass cls 移除類 attr attr value 有value表示設定,沒有則獲取 removeattr attr 移除指定屬性 hasclass cls 判斷是否包含類 toggleclass cls 有則移除...