jq使用技巧

2022-08-31 08:33:06 字數 1748 閱讀 2753

1. 如何建立巢狀的過濾器

//允許你減少集合中的匹配元素的過濾器,  

//只剩下那些與給定的選擇器匹配的部分。在這種情況下,  

//查詢刪除了任何沒(:not)有(:has)  

//包含class為「selected」(.selected)的子節點。.filter(":not(:has(.selected))")

2. 如何重用元素搜尋

var allitems = $("div.item");  

var keeplist = $("div#container1 div.item"); //現在你可以繼續使用這些jquery物件來工作了。例如,  

//基於核取方塊裁剪「keep list」,核取方塊的名稱  

//符合      

class names:

$(formtolookat + " input:checked").each(function() );   

3. 任何使用has()來檢查某個元素是否包含某個類或是元素

//jquery 1.4.*包含了對這一has方法的支援。該方法找出  

//某個元素是否包含了其他另乙個元素類或是其他任何的  

//你正在查詢並要在其之上進行操作的東東。$("input").has(".email").addclass("email_icon");

4. 如何使用jquery來切換樣式表

//找出你希望切換的**型別(media-type),然後把href設定成新的樣式表。  

$('link[media='screen']').attr('href', 'alternative.css');

5. 如何限制選擇範圍(基於優化目的)

//盡可能使用標籤名來作為類名的字首,  

//這樣jquery就不需要花費更多的時間來搜尋  

//你想要的元素。還要記住的一點是,  

//針對於你的頁面上的元素的操作越具體化,  

//就越能降低執行和搜尋的時間。

var in_stock = $('#shopping_cart_items input.is_in_stock');

6. 如何正確地使用toggleclass

//切換(toggle)類允許你根據某個類的  

//是否存在來新增或是刪除該類。  

//這種情況下有些開發者使用:a.hasclass('bluebutton') ? a.removeclass('bluebutton') : a.addclass('bluebutton');

//toggleclass允許你使用下面的語句來很容易地做到這一點  

a.toggleclass('bluebutton');

7. 如何設定ie特有的功能

if ($.browser.msie)

8. 如何使用jquery來代替乙個元素

$('#thatdiv').replacewith('fnuh');

9. 如何驗證某個元素是否為空

if ($('#keks').html())

10. 如何從乙個未排序的集合中找出某個元素的索引號

$("ul > li").click(function () );

jq專案中使用vue的技巧

在jq專案中使用vue 下面介紹一些小技巧。var vm new vue methods alert vm.data.test0 vm.testfun 在不同的js中呼叫vue的子元件 子元件呼叫父元件 這個是a.html 中 ref mychild childvm div 這個是a.html 中 ...

jq使用筆記

獲取標籤上的 data 值 this data skuid主義 skuid 單詞間不能使用駝峰命名 獲取當前節點父節點的制定兄弟節點下的 類 this parents siblings p find new txt text 獲取普通標籤的值 class text class html 如果是獲取表...

jq 一些通用的小技巧

總結一下專案中通用的東西,方便自己以後檢視,也方便他人。1 我們經常會寫彈出層,一般固定寬高的話可以用absolute定位,但是如果寬高不確定同時想讓彈出層總是居中彈出,那麼可以用jq實現,實現 如下 相應的類名或者id名請作相應的修改 讓指定的div始終顯示在螢幕中間 function divce...