jQuery節點擊擇 操作

2022-08-20 16:24:11 字數 3918 閱讀 8436

避免複雜的選擇器操作,而採用find操作

$("ul").find("li") > $("ul li")
新增html形式的操作與元素形式的操作

可以新增篩選條件

find('ele') 方法在 dom 樹中搜尋這些元素的後代(子子孫孫),並用匹配元素來構造乙個新的 jquery 物件。

children() 方法在dom 樹中只遍歷一層(兒子),並用匹配元素來構造乙個新的 jquery 物件。

find() 方法必須新增篩選條件。而children()則不是必須

$('em').click(function())
first() == eq(0) == li:first-child == li:first-of-type == div:nth-of-type(0)擴充套件陣列的shift unshift

shift() == splice(0,1)

splice(n,m); 

方法作用:刪除陣列中指定項

傳遞引數:從索引n開始(包含),m刪除的個數 

返回引數:刪除的內容

原有陣列:改變

unshift() == splice(0,0,x)

splice(n,0,x);

方法作用:向陣列的中間的某個位置新增新的內容

傳遞引數:n新增的位置(索引),x新增加的內容(放在索引n之前)

返回引數:空陣列

原有陣列:改變

last() == eq(-1) == li:last-child == li:last-of-type == li:nth-last-of-type(0)擴充套件陣列的 push pop

push() == splice( array.length,0,x ) == array[array.length] = x

pop() == splice( array.length - 1,1 ) == array.length -= 1;

jquery slice(n,m) 擴充套件陣列的 slice(n,m)

傳遞引數:從索引n開始(包含n),到索引m(不包含)

從已有的陣列中返回指定的元素

slice() == slice(0) == concat() == splice(0) 把原有的陣列轉殖乙份

// 建立元素:document.createelement

// 設定屬性:setattribute

// 新增文字:innerhtml

// jquery-01

var $li = $('');

$li.html('ntscshen');

$li.attr('id','ntscshen');

// jquery-02

var $li = $('ntscshen');

var $body = $('body');

$body.on('click', function() )

insertbefore() 在您指定的已有子節點之前插入新的子節點。

$(".test2").after('after,在匹配元素之後增加

', '多引數

','ntscshen')

// 刪除所有包括自身、包括繫結的事件及與該元素相關的jquery資料。

$('div').remove();

$('p').remove(":contains(3)");// 新增過濾處理 包含3的選擇器刪除掉

// remove比empty好用的地方就是可以傳遞乙個選擇器表示式用來過濾將被移除的匹配元素集合,可以選擇性的刪除指定的節點

// 只會清空內部元素、不會清空其自身

$("button").on('click', function() )

// 1、清空 不包括自身

// 2、刪除 包括自身 提供乙個篩選的表示式

// 從當前頁面中移除該元素,但保留這個元素的記憶體模型物件。

// 這個方法不會把匹配的元素從jquery物件中刪除,因而可以在將來再使用這些匹配的元素。與remove()不同的是,所有繫結的事件、附加的資料等都會保留下來。

detach方法是jquery特有的,所以它只能處理通過jquery的方法繫結的事件或者資料

var p;

$("#bt1").click(function() );

$("#bt2").click(function() );

clone()

clone(); // 只轉殖了結構,事件丟失 淺拷貝

clone(true); // 結構、事件與資料都轉殖 深拷貝

// 預設行為不會複製操作行為(只會複製節點)

// 預設是剪下操作

// clone()方法時、在將它插入到文件之前、我們可以修改轉殖後元素或者元素內容。

$(this).clone().css('color','red');

clone()方法是jquery擴充套件的、只能處理通過jquery繫結的事件和資料

// 用提供的內容替換集合中所有匹配的元素並且返回被刪除元素的集合

$('p:eq(1)').replacewith('ntscshen');

$('ntscshen').replaceall('p:eq(1)');

返回指定元素相對於其他指定元素的 index 位置。

注釋:如果未找到元素,index() 將返回 -1。

1

2 3// 在所有span當中、#span1的索引值

$('#span1').index('span');

$('li').each(function(i,ele)

});

wrap(); // 包裝

wrapall(); // 整體包裝

wrapinner(); // 內部包裝

unwrap(); // 刪除包裝。相當於刪除父級元素、不包括body

$('span').wrap('');// 在span元素上包裝乙個div元素

$('span').wrapall('');// 把所有的span包裝在一起

1、獲取內容的高度;(jquery中沒有獲取內容高度的api)

$('#div').get(0).scrollheight;

2、元素之間的比較

if(nowli[0] == $('li').first()[0])

easyui treegrid節點擊擇

easyui treegrid本身不能實現選中父節點子節點全選,必須通過另外的方法來實現,這裡說下如何通過修改節點樣式新增checkbox來實現級聯選擇效果 首先需要格式化節點的樣式 formatter function value,row,index show方法如下 function show ...

CTreeCtrl 節點擊擇問題

一 問題說明 樹形控制項,單擊某個節點彈出相應的對話方塊 二 問題處理 起先使用了ctreectrl的onselchangedoperate這個事件,實際操作中出現了問題 二次單擊時對話方塊不能顯示,上網查詢資料,才明白二次單擊並不能觸發onselchangedoperate事件 所以最後選擇了on...

jq的父子節點擊擇

一 獲取父節點 祖先節點 1.parents selector 本方法用於選擇給定 jquery 物件中包含的 dom 元素或者 dom 元素集的祖先節點,並將這些節點包裝成 jquery 物件返回,返回的節點集是以從裡到外的順序排序的。同時,本方法還接受乙個字串選擇器,用於從返回的節點集中篩選符合...