jquery元素獲取

2021-07-10 21:28:49 字數 1605 閱讀 9438

一、獲取父級元素

1、 parent([expr]):

獲取指定元素的所有父級元素

href_fir

href_sec

href_thr

href_fiv

$(document).ready(function());

firebug檢視jquery parent效果

二、獲取同級元素:

1、next([expr]):

獲取指定元素的下乙個同級元素(注意是下乙個同級元素哦)

這個例子的結果是,只有list item 4背景色變為紅色

2、nextall([expr]):

獲取指定元素後邊的所有同級元素

hello

hello again

and again

var p_nex = $("p").nextall();

p_nex.addclass('p_next_all');

firebug_jq_nextall

注意看最後乙個」」標籤哦,也被加上了』p_next_all』這個類名哦~~

3、andself():

獲取指定元素後邊的所有同級元素,之後加上指定的元素

我感覺這個函式是最有意思的乙個函式了,什麼意思?直譯過來就是」還有我「,」還有自己」,沒錯,還有自己。

hello

hello again

and again

var p_nex = $("p").nextall().andself();

p_nex.addclass('p_next_all');

注意看第乙個「」標籤啊,這句話的意思是選擇p標籤後面的所有同級標籤,以及自己。。。

firebug_jq_andself

以下這兩個不舉具體的例子了,實際上就是next()和nextall()的相反嘍

5、prevall():獲取指定元素的前邊所有的同級元素。

三、獲取子元素

1、查詢子元素方式1:>

例如:var anods = $("ul > a");查詢ul下的所有a標籤

2、查詢子元素方式2:children()

3、查詢子元素方式3:find()

這裡再簡單介紹以下children()和find()的異同:

1> children及find方法都用是用來獲得element的子elements的,兩者都不會返回 text node,就像大多數的jquery方法一樣。

2> children方法獲得的僅僅是元素一下級的子元素,即:immediate children。

3> find方法獲得所有下級元素,即:descendants of these elements in the dom tree

4> children方法的引數selector 是可選的(optionally),用來過濾子元素,

但find方法的引數selector方法是必選的。

5> find方法事實上可以通過使用 jquery( selector, context )來實現。即$('li.item-ii').find('li')等同於$('li', 'li.item-ii').

例: c

iii

JQuery元素獲取

前言 這是本類別博文jquery 即用即查開篇。因為查手冊太麻煩,而且有時候需要深入命令所在詳細頁面才能了解此命令的具體作用是什麼。寫這幾篇文章就是為了,工作遇到問題時,一看這幾篇文章就可以查到哪個命令的作用正好符合,然後自己再深入手冊進行具體學習用法。寫的都是常用的一些,前提是你對jquery命令...

JQuery元素獲取

前言 這是本類別博文jquery即用即查開篇。因為查手冊太麻煩,而且有時候需要深入命令所在詳細頁面才能了解此命令的具體作用是什麼。寫這幾篇文章就是為了,工作遇到問題時,一看這幾篇文章就可以查到哪個命令的作用正好符合,然後自己再深入手冊進行具體學習用法。寫的都是常用的一些,前提是你對jquery命令有...

jquery獲取元素

jquery獲取子元素 1.children 方法 獲取該元素下的直接子集元素 2.find 方法 獲取該元素下的所有子集元素 例如 ul children li 判斷當前元素是否含有某子元素 has 方法 例如 我判斷多級選單中,在有二級選單的一級選單加上下拉三角。html結構 menu1 has...