- 浏览: 1043476 次
- 性别:
- 来自: 南京
文章分类
- 全部博客 (501)
- dwr (6)
- javascript (84)
- oracle (66)
- jsp/servlet (18)
- ant (3)
- 基础知识 (12)
- EXT (10)
- My SQL (10)
- java (71)
- spring (37)
- 学习的对象 (2)
- Linux (24)
- 面试 (1)
- HTML/CSS (11)
- tomcat (11)
- 收藏夹 (2)
- Power Designer (2)
- struts.xml配置文件 (1)
- sturts2 (3)
- myeclipse (8)
- eclipse (7)
- Maven (34)
- SVN (3)
- SAP JCO (2)
- JBOSS (11)
- webservice (8)
- word (1)
- 敏捷开发 (1)
- sybase (4)
- Nexus (3)
- EhCache (3)
- log4j (3)
- Cookie (4)
- Session (4)
- CXF (7)
- AXIS (2)
- SSO (1)
- LDAP (1)
- velocity (2)
- Jquery (5)
- redis (2)
- http (4)
- dojo (1)
- Linux资源监控软件mnon的安装与运用 (1)
- notepad++ (1)
- EA (1)
- UML (1)
- JasperReports (1)
- 权限 (0)
- freemarker (4)
- Spring MVC (1)
- JMS (1)
- activeMQ (1)
- hession (3)
- 安全 (1)
- ibatis (2)
- log (1)
- nginx (1)
最新评论
-
winhbb:
我刚好遇到了一个问题(在可以依赖注入的场合有效):有两个模块A ...
解决Maven项目相互依赖/循环依赖/双向依赖的问题 -
nanjiwubing123:
long3ok 写道你好 XmlOutputFormatter ...
用XStream转换复杂XML -
zhoujianboy:
另外一个方法实现eclipse tomcat 热部署:http ...
eclipse下实现maven项目在tomcat容器热部署方法 -
long3ok:
你好 XmlOutputFormatter 请问这个类是在什么 ...
用XStream转换复杂XML -
ganbo:
总结的好,文章给力。
解决Maven项目相互依赖/循环依赖/双向依赖的问题
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);
(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);
发表评论
-
JSONEditor
2015-07-08 20:11 519JSONEditor: https://github.com/ ... -
Javascript开发调试
2014-07-08 10:08 703小谈chrome调试命令:console.log的使用 h ... -
利用Script实现JSONP跨域
2014-01-24 09:38 8881.什么是跨域 我们经常会在页面上使用ajax请求访问其他服 ... -
jQuery JSONP 跨域实践
2013-12-12 18:24 655jQuery JSONP 跨域实践 一客户端(url:htt ... -
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
2013-10-17 09:35 679预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中 ... -
Js中escape(),encodeURI()和encodeURIComponent()使用和比较:
2013-09-12 09:42 1000Js中escape(),encodeURI()和encodeU ... -
If-Modified-Since & If-None-Match
2013-04-27 13:24 823If-Modified-Since & If-None ... -
为什么JS文件带参数 JS后带参数什么意思
2013-04-27 11:20 1302我们经常在页面里会看到在加载的js或css文件带时文件后面常常 ... -
js实现网页图片延时加载的原理和代码
2013-04-23 11:52 966有时我们看到一些大型网站,页面如果有很多图片的时候,当你滚动到 ... -
关于document.compatMode的一些介绍
2013-04-22 17:35 934对于document.compatMode,很多朋友可能都根我 ... -
js之事件冒泡和事件捕获
2013-04-20 10:03 1703事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差 ... -
js中addEventListener中第3个参数 .
2013-04-19 16:33 1585捕获阶段、目标阶段、冒泡阶段 addEventListener ... -
超链接在web开发中使用总结
2013-04-02 14:33 1097在工作中在前端页面的 ... -
JavaScript Module Pattern: In-Depth
2013-03-27 11:47 937Module difinition: http://www.a ... -
JQuery移除事件
2013-01-30 13:00 909移除事件 unbind(type [,data]) ... -
Js 冒泡事件阻止
2013-01-29 09:27 9651. 事件目标 现在,事 ... -
查找所有嵌套iframe .
2013-01-28 10:19 111101.//查找所有嵌套iframevar allIfrs = ... -
什么是同源策略
2012-12-12 11:15 1083一.什么是同源策略 ... -
js 编码,使用java解码方式
2012-10-30 11:02 1596使用两个方法:decodeURIComponent和escap ... -
Cookies
2012-05-04 10:10 1007ookies Cookies 集合设置 coo ...
相关推荐
理论篇:对选择器、事件、常用函数方法、外观效果、查找筛选、文档处理、Ajax处理的基础知识,以及《锋利的JQUERY》读书笔记精华完整版。 实践篇:Tab菜单栏源码、手风琴菜单源码、圆角效果源码、网页弹出对话框...
狂神说上课笔记未删减 Java基础到技术升级 1、JavaSE:Java入门 2、JavaSE:基础语法 3、JavaSE:流程控制 4、JavaSE:方法 5、JavaSE:数组 6、JavaSE:面向对象 7、JavaSE:异常机制 8、JavaSE:常用类 9、JavaSE...
这份笔记是我2012年年内对ASP.NET相关知识点和使用方法、技巧、设计思路的整理笔记,主要内容为ASP.NET(包括控件,Server,session等对象,加密方式,常用类库,发布、部署等),其中也包括JS,JQuery(部分,剩余...
从零开始学习jQuery (十) jQueryUI常用功能实战 从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件 一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会...
8、JavaSE:常用类 9、JavaSE:集合框架 10、JavaSE:IO流 11、JavaSE:多线程 12、JavaSE:网络编程 13、JavaSE:Gui编程 14、JavaSE:注解和反射 15、MySQL和JDBC 16、前端:Html5 17、前端:CSS3 18、...
jQuery技术的学习的一些笔记,对jQuery操作属性,文本等做了详细的描述。对一些常用到的属性和方法做了介绍和示例演示。
此文件为作者学习Web前端技术时记录的常用知识点,语句,方法
JSP技术入门 EL表达式语言 JSTL标签库: JSP标准标签库 MVC程序架构思想&案例 [总结]Path路径问题 [总结]JavaWeb乱码问题 [转自IBM]中文编码问题 JDBC入门 Jdbc事务控制管理 常用数据库连接池 编写JDBC框架 客户信息...
此部分包括: JavaScript, Jquery, Ajax, XML, JSON和 HTML等技术. 2.1.列举 BOM中常用的几个全局变量和全局方法? 全局对象: window 全局变量: document location history navigator screen 全局方法:alert() ...
著作:《java jdk 5.0学习笔记》、《java se 6技术手册》、《spring技术手册》等 译作:《ajax实战手册》、《jquery实战手册(第2版)》 个人网站:http://openhome.cc 目录 《java jdk 7学习笔记》 chapter1 ...
这里有尚硅谷的诸多有关Java开发精品PDF文档,[尚硅谷]_宋红康_常用sql操作总结,尚硅谷_宋红康_参悟Java基础核心技术,[尚硅谷]_宋红康_深度解析Java内存原型,[尚硅谷]_封捷_jQuery学习笔记
Vue 系列 学习笔记阅读目录Vue 双向绑定原理,浅析 MVVMVue 源码概要VueX 状态管理常用地址链接Vue 是一个开源框架,最新版本已经更新到了 3.0,当前系列基于 2.X(单独发文 3.0),是一个独立的 Javascript 框架,...
本仓库用于记录后期的学习历程代码,笔记,案例以及收集的一些资料,方便查阅。路漫漫其修远兮,贵在坚持! 网络资源多而杂,找到适合自己的才是最关键的。 很多东西都是扫盲,后期得逐步深入才是关键,所谓先广后深...
│ Java面试题39.jQuery中的常用选择器.mp4 │ Java面试题40.jQuery中页面加载完毕事件.mp4 │ Java面试题41.jQuery中Ajax和原生js实现Ajax的关系.mp4 │ Java面试题42.简单说一下html5.mp4 │ Java面试题43.简单说...