- 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);
aliyun活动
https://www.aliyun.com/acts/limit-buy?userCode=re2o7acl