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);
分享到:
相关推荐
jQuery常用技术点,js,jquery
适合jquery的初步学习和开发时可以查看
JQuery可以更简洁的实现JS所具有的功能,JQuery教你更快的掌握这门技术。
JSJQUERY常用函数.pdf
jquery常用标签详解.pdf
教案JSJQUERY常用函数.pdf
学习jquery常用标签详解.pdf
jQuery Mobile常用开发技巧,这里有最全面的技术描述,有最底层的技术指导。
充分讲解了jquery的实战场景,帮助你快速掌握jquery技术啊
理论篇:对选择器、事件、常用函数方法、外观效果、查找筛选、文档处理、Ajax处理的基础知识,以及《锋利的JQUERY》读书笔记精华完整版。 实践篇:Tab菜单栏源码、手风琴菜单源码、圆角效果源码、网页弹出对话框...
jquery最好用的第一手资料,省得大家一页一页的翻书,所有关键技术都被整理出来,是快速学习和掌握jquery的绝好资料,不过此文档适合有一定jquery基础的朋友学习。
jQuery常用事件方法:;jQuery常用事件方法:;jQuery常用事件方法:;jQuery常用事件方法:;案例演示:;通过on()方法绑定事件:on()方法绑定单个事件;通过on()方法绑定事件:on()方法绑定多个事件;通过on()方法绑定...
开发周期短,上手快,入门低,但是进阶难一般常用的jquery特效 jquery焦点图 jquery选项卡 jquery滚动条 jquery下拉广告,jquery图片延时加载等,jquery代码,放大镜特效,jquery广告代码,jquery导航,jquery在线客服...
第7章 jQuery常用插件/197 7.1 jQuery插件概述/198 7.2 验证插件validate /198 7.3 表单插件form /202 7.4 Cookie插件cookie /205 7.5 搜索插件AutoComplete /209 7.6 图片灯箱插件notesforlightbox /213 7.7...
Web前端开发技术 认识jQuery jQuery是一个快速、简洁的JavaScript框架,是一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装...
Jquery API里面包含许多使用列子,以及一些常用函数的介绍。适合需要用Jquery的技术人员。
开发周期短,上手快,入门低,但是进阶难一般常用的jquery特效 jquery焦点图 jquery选项卡 jquery滚动条 jquery下拉广告,jquery图片延时加载等,jquery代码,放大镜特效,jquery广告代码,jquery导航,jquery在线客服...
文档以例子讲解常用的jquery使用技术,容易接受,希望帮助你的学习
第9章 jQuery常用算法 9.1 jQuery遍历算法 9.2 jQuery祖先算法 9.3 jQuery后代算法 9.4 jQuery同胞算法 9.5 jQuery过滤算法 9.6 对一个列表进行排序 9.7 实现JSN对象数组的排序 9.8 将12343778转成12.343.778的形式 ...
开发周期短,上手快,入门低,但是进阶难一般常用的jquery特效 jquery焦点图 jquery选项卡 jquery滚动条 jquery下拉广告,jquery图片延时加载等,jquery代码,放大镜特效,jquery广告代码,jquery导航,jquery在线客服...