1.選擇器?????

????(1)通配符：?????

????$("input[id^='code']");//id屬性以code開始的所有input標(biāo)簽?????

????$("input[id$='code']");//id屬性以code結(jié)束的所有input標(biāo)簽?????

????$("input[id*='code']");//id屬性包含code的所有input標(biāo)簽?????

????(2)根據(jù)索引選擇?????

????$("tbody?tr:even");?//選擇索引為偶數(shù)的所有tr標(biāo)簽?????

????$("tbody?tr:odd");??//選擇索引為奇數(shù)的所有tr標(biāo)簽?????

????(3)獲得jqueryObj下一級節(jié)點的input個數(shù)?????

????jqueryObj.children("input").length;?????

????(4)獲得class為main的標(biāo)簽的子節(jié)點下所有<a>標(biāo)簽?????

????$(".main?>?a");??????

????(5)選擇緊鄰標(biāo)簽?????

????jqueryObj.next("div");//獲取jqueryObj標(biāo)簽的后面緊鄰的一個div，nextAll獲取所有?????

????(6)根據(jù)索引選擇?????

????$("div").eq(0);//獲取第一個div標(biāo)簽?????

2.篩選器?????

????(1)not?????

????$("#code?input:not([id^='code'])");//id為code標(biāo)簽內(nèi)不包含id以code開始的所有input標(biāo)簽?????

3.其他?????

????(1)創(chuàng)建一個文本框?????

????var?inputObj?=?$("<input?type='text'/>");?????

????(2)取得文本框內(nèi)容?????

????jqueryObj.html();//html?????

????jqueryObj.text();//純文本?????

????(3)取得標(biāo)簽屬性值?????

????jqueryObj.val();//取得標(biāo)簽value值?????

????jqueryObj.attr("屬性名如：name");//取得標(biāo)簽屬性值?????

????(4)向dom節(jié)點添加對象?????

????inputObj.appendTo(jqueryObj);?//將新創(chuàng)建的對象追加到j(luò)queryObj里?????

????inputObj.trigger("focus").trigger("select");//使文本框插入之后被選中??

????(5)改變CSS樣式??

????inputObj.css({zIndex:3});?//給樣式賦值??

????inputObj.css("zIndex");??

????(6)延遲?????

????var?timeoutId?=?setTimeout(function(){??},300);//延遲300毫秒，再執(zhí)行函數(shù)?????

????clearTimeout(timeoutId);//解除延遲，使未執(zhí)行的函數(shù)不再執(zhí)行?????

????(7)定時間隔時間??

????var?timerId?=?setInterval(function(){??},300);//每間隔300毫秒，再執(zhí)行函數(shù)????

????clearInterval(timerId);//解除定時，使未執(zhí)行的函數(shù)不再執(zhí)行???

????(8)動畫??

????inputObj.animate{"top":3,"left":3},300,function(){??});??

4.事件?????

????//處理文本框上的鍵盤操作?????

????jqueryObj.keyup(function(event){?????

????????var?keyCode?=?event.which;//獲取當(dāng)前按下鍵盤的鍵值，回車鍵為13?????

????}?????

????mouseover(fn),mouseout(fn)//鼠標(biāo)移進(jìn)，移出??????

5.效果?????

????show(),toggle(),slideDown(),slideUp(),slideToggle(),fadeIn(),fadeOut(),fadeTo()?????

6.工具函數(shù)?????

????$('#someField').val($.trim($('#someField').val()));//消除空格，語法：$.trim(value)?????

7.常用函數(shù)封裝?????

????(function($){?????

????????$.extend({?????

????????????//操作多個多選框?????

????????????controlAllCheckBox:function(tableId,isSelectAll){?????

????????????????if(tableId==undefined){?????

????????????????????throw?new?Error("tableId?不能為空");?????????????????

????????????????}?????

????????????????else{?????

????????????????????if(isSelectAll==undefined){?????

????????????????????????throw?new?Error("isSelectAll?不能為空");?????????????????

????????????????????}?????

????????????????????else{?????

????????????????????????if(isSelectAll==true){?????

????????????????????????????$("#"+tableId+"?:checkbox").each(function(){?????

????????????????????????????????$(this).attr('checked','true');?????

????????????????????????????})?????

????????????????????????}?????

????????????????????????else{?????

????????????????????????????$("#"+tableId+"?:checkbox").each(function(){?????

????????????????????????????????$(this).attr('checked','');?????

????????????????????????????})?????

????????????????????????}?????

????????????????????}?????

????????????????}?????

????????????},?????

????????????//取得選中的checkbox中的id?????

????????????getCheckedIds:function(tableId){?????

????????????????var?checkboxs?=?$("#"+tableId+"?:checkbox:checked");?????

????????????????if(checkboxs.size()==0){?????

????????????????????throw?new?Error("沒有選中記錄");???????????????

????????????????}?????

????????????????else?{?????

????????????????????var?ids?=?"";?????

????????????????????checkboxs.each(function(){?????

????????????????????????if(ids==''){?????

????????????????????????????ids+=$(this).attr('id');?????

????????????????????????}?????

????????????????????????else{?????

????????????????????????????ids+=","+$(this).attr('id');?????

????????????????????????}?????

????????????????????})?????

????????????????????return?ids;?????

????????????????}?????

????????????}?????

????????})?????

????})(jQuery); ? ?

轉(zhuǎn)載于:https://www.cnblogs.com/wangbin/archive/2011/06/15/2081369.html

總結(jié)

以上是生活随笔為你收集整理的jquery笔记（常用技术）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。