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...