1.選擇器?????

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

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

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

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

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

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

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

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

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

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

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

????(5)選擇緊鄰標簽?????

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

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

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

2.篩選器?????

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

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

3.其他?????

????(1)創建一個文本框?????

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

????(2)取得文本框內容?????

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

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

????(3)取得標簽屬性值?????

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

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

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

????inputObj.appendTo(jqueryObj);?//將新創建的對象追加到jqueryObj里?????

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

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

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

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

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

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

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

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

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

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

????(8)動畫??

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

4.事件?????

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

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

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

????}?????

????mouseover(fn),mouseout(fn)//鼠標移進，移出??????

5.效果?????

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

6.工具函數?????

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

7.常用函數封裝?????

????(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); ? ?

轉載于:https://www.cnblogs.com/wangbin/archive/2011/06/15/2081369.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。