jQuery
JACKASDFGHJKL
这个作者很懒,什么都没留下…
展开
-
jquery之empty()与remove()区别
要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置。remove([expr])则是把其...原创 2011-12-27 17:32:55 · 78 阅读 · 0 评论 -
jQuery动态添加<input type="file">
有时候需要在页面上允许用户上传多个文件,个数由用户自己决定,个数多了也可以删除,使用jQuery可以很简单的实现这个功能。 <!DOCTYPE html><html> <head> <title>test.html</title> <meta http-equiv="content-type" cont..原创 2013-06-09 10:53:09 · 181 阅读 · 0 评论 -
JQuery的bind方法传递多个参数
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <scrip原创 2013-06-14 14:50:41 · 447 阅读 · 0 评论 -
匹配数字或包含最多两位小数的数字
1、匹配数字<input onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">2、匹配数字或包含最多两位小数的数字<input onkeyup="if...原创 2013-11-05 16:24:42 · 433 阅读 · 0 评论 -
jquery 1.9版本下复选框 全选 及 取值操作
<!DOCTYPE Html><html> <head> <script type="text/javascript" src="c:/jquery.js"></script> <script type="text/javascript">原创 2013-11-14 23:33:24 · 158 阅读 · 0 评论 -
jquery 模拟事件的例子,触发自定义事件
1、 模拟事件的例子<html><head><script type="text/javascript" src="c:\jquery.js"></script><script type="text/javascript">$(document).ready(function(){$("but原创 2013-07-01 10:16:02 · 139 阅读 · 0 评论 -
toggleClass()
toggleClass() <!DOCTYPE html><html><head> <style> p { margin: 4px; font-size:16px; font-weight:bolder; cursor:pointer; } .blue...原创 2013-07-02 12:07:00 · 115 阅读 · 0 评论 -
jQuery里$(this)和this的区别在哪?
jQuery里$(this)和this的区别在哪? 如果你要使用html元素本身的属性或方法就需要使用this,如果你要使用jQuery包装后的方法或属性就要$(this),一般则有如下的关系.$(this)[0] == this;上文的代码是要使用this的地方是要调用表单form的有reset方法,而这一方法jQuery没有包装支持,所以才有this.res...原创 2013-07-04 15:26:17 · 112 阅读 · 0 评论 -
jquery 实现 邮箱的 全选/全不选 全选与全不选功能
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <script原创 2013-07-04 17:43:46 · 260 阅读 · 0 评论 -
jQuery 弹出 div层
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <style type="text/css"> #BgDivOutDivId{bac原创 2013-11-22 18:58:56 · 169 阅读 · 0 评论 -
jQuery学习之prop和attr的区别
.prop() 1、.prop( propertyName )获取匹配集合中第一个元素的Property的值2、.prop( propertyName, value ).prop( map ).prop( propertyName, function(index, oldPropertyValue) )给匹配元素集合设定一个或多个属性 .prop()和 ....原创 2013-07-05 16:34:46 · 127 阅读 · 0 评论 -
jquery after append appendTo三个函数的区别
jq文档的说明是1、after函数定义和用法:after() 方法在被选元素后插入指定的内容。语法:$(selector).after(content)实例:<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script&g...原创 2013-07-08 14:51:28 · 205 阅读 · 0 评论 -
jquery 下拉框 的值 转移
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta原创 2013-07-08 15:28:28 · 128 阅读 · 0 评论 -
jquery Validation 的应用
jquery Validation 的应用 在附件中,下载运行即可!原创 2013-07-16 16:04:03 · 96 阅读 · 0 评论 -
jquery 解决多次提交
来源:http://andrewye.iteye.com/blog/552324 web应用中常见的问题就是多次提交,由于表单提交的延迟,有时几秒或者更长,让用户有机会多次点击提交按钮,从而导致服务器端代码的种种麻烦。为了解决这个问题,我们可以绑定处理程序到表单的提交事件上,在提交按钮第一次点击之后禁止提交按钮。 Js代码 $("form").submit(...原创 2013-12-13 11:10:22 · 246 阅读 · 0 评论 -
js 放在html 的位置 不同 造成的结果页不相同
例子1、代码可以正常执行:<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><html><head> <style>span {display:none;}</style> <script src=&q原创 2013-02-18 16:56:49 · 138 阅读 · 0 评论 -
jquery 的 万年历
jquery 的 万年历原创 2013-12-17 12:11:37 · 329 阅读 · 0 评论 -
JQuery Uploadify 基于JSP的无刷新上传实例:
1、JQuery Uploadify 基于JSP的无刷新上传实例:http://blog.csdn.net/wangqiuyun/article/details/9197021 Ie9下面的那个问题可以通过把flash的路径写一个完整的路径 比如http://www.baidu.com/uploadify.swf 这样来引用 不要通过本地路径来引用 就可以解决 2、另一个人...原创 2013-12-26 11:53:58 · 296 阅读 · 0 评论 -
jquery给div的innerHTML赋值
jquery给div的innerHTML赋值jquery给div的innerHTML赋值 $("#id").html("test"); // 下面这种赋值方式在1.9中不行了。$("#id").html()="";原创 2013-06-20 16:31:20 · 432 阅读 · 0 评论 -
触发 mouseover 事件和 mouseenter 事件 的区别
来源:http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_mouseenter_mouseover <html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type=&原创 2013-06-17 15:02:01 · 134 阅读 · 0 评论 -
一个输入框有变化,对应的输入框也要有变化,文本框的onpropertychange事件
截选于网上1、onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发;onpropertychange事件却是实时触发,即每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件IE专有。2、oninput事件与onpropertychange事件的区别:oninput事...原创 2012-04-20 09:28:51 · 116 阅读 · 0 评论 -
jQuery 学习文档
1、jQuery 1.42 中文手http://jquery.org.cn/manual/ 2、jQuery 1.6 中文手 http://julying.com/jQuery-1.6-api/ 3、一个网友总结的jQuery文档原创 2011-12-27 17:36:48 · 133 阅读 · 0 评论 -
.removeProp,$para.append,$para.prop
<!DOCTYPE html><html><head> <style> img { padding:10px; } div { color:red; font-size:24px; }</style> <script src="http://code.jquery.com/jquery-git.j...原创 2012-04-25 14:46:28 · 120 阅读 · 0 评论 -
ExtJs与JQuery对比:Dom文档操作
ExtJs与JQuery对比:Dom文档操作原创 2012-01-30 15:49:36 · 81 阅读 · 0 评论 -
js 与 jQuery 控制div显示与隐藏,给div赋内容 的简单测试。和css的简单写法
<!DOCTYPE html> <html> <head> <style> #div_id_1{color:red}; .div_class_1{color:yellow} </style> <script src="http://code.jquery.com/jquery-latest.min...原创 2012-05-01 20:07:10 · 139 阅读 · 0 评论 -
如何通过JS 给一个ID添加触发事件?
<!DOCTYPE html><html><head></head> <script> window.onload=fc; function fc(){ var dss=document.getElementById("inputid2"); dss.onblur=function(){...原创 2012-05-03 12:16:49 · 2850 阅读 · 0 评论 -
jQuery.param(); 的用法
<!DOCTYPE html><html><head> <style>div { color:red; }</style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></scr原创 2012-05-03 14:49:34 · 102 阅读 · 0 评论 -
js 中的onselect 与jQuery中的select 事件的用法
1、 jQuery 的用法如下: <!DOCTYPE html><html><head> <style> p { color:blue; } div { color:red; } </style> <script src="http://code.jquery.com/jquery...原创 2012-05-03 15:12:56 · 2276 阅读 · 0 评论 -
Jquery通过JSON和Struts的Action交互
1、Jquery通过JSON和Struts的Action交互 http://wenku.baidu.com/view/31a9a88f6529647d272852a2.htmlhttp://blog.sina.com.cn/s/blog_92b451ac0100yslr.htmlhttp://qsfwy.iteye.com/blog/682796...原创 2012-10-24 20:59:40 · 133 阅读 · 0 评论 -
jQuery 学习列表
jQuery 学习列表 1、EventsPage Load$.ready( fn() )Specify a function to execute when the DOM is fully loaded. 2、SelectorsBasics#idSelects a single element with the give...原创 2012-02-23 11:52:42 · 85 阅读 · 0 评论 -
jQuery 中 .eq( index ) 的用法
1、jQuery 中 .eq( index ) 的用法 :运行下面的例子及明白了。 <!DOCTYPE html><html><head> <style> div { width:60px; height:60px; margin:10px; float:left; border:2px solid blue...原创 2012-02-23 12:01:33 · 379 阅读 · 0 评论 -
jQuery中(prev + next) 和 (prev ~ siblings)的不同点。
jQuery中(prev + next) 和 (prev ~ siblings)的不同点。 <!DOCTYPE html><html><head> <style> div,span { display:block; width:80px; height:80px; ...原创 2012-03-03 16:20:51 · 353 阅读 · 0 评论 -
jQuery来控制字体改变颜色
jQuery来控制字体改变颜色。<!DOCTYPE html><html><head> <style>p { background:yellow; font-weight:bold; cursor:pointer; padding:5px; }</style> <script src="htt...原创 2012-03-03 17:06:31 · 2209 阅读 · 0 评论 -
query知识点一 jquery:ready的标准写法 与 jquery:ready的简写形式
所以相对来说jquery的ready可以提高网页的响应速度; jquery:ready的标准写法: 代码如下: $(document).ready(function() { alert("加载结束"); }); 一个$(document)将dom对象的document转化为jquery对象,继而可以调用jquery的方法ready();因为dom对象是不可...原创 2012-07-19 09:26:10 · 237 阅读 · 0 评论 -
多个图片上传 js 预览功能
一 、方法1来源:http://zhidao.baidu.com/question/281192956.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> ...原创 2013-05-15 14:44:48 · 295 阅读 · 0 评论 -
jQuery事件 控制 内容的显示与隐藏
<!-- 把鼠标放上去,显示内容。离开不显示内容! --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> Ne原创 2012-12-10 17:58:07 · 210 阅读 · 0 评论 -
jquery无刷新提交表单的例子
Html代码# <script type="text/javascript"src="js/jquery.js"mce_src="js/jquery.js"></script> # <input name="writer" id="writer" type="text"value=原创 2012-09-02 18:01:00 · 92 阅读 · 0 评论 -
自己公司: jQuery 异步加载的写法
j@uery 异步加载的方法第一版:1、方法:function cancleFaq(faqID) { if (confirm("你确定要取消吗?")) { if (faqID != null && faqID != '') { var url = "${_currConText}/ask/c...原创 2012-04-20 14:34:20 · 105 阅读 · 0 评论 -
Ajax 怎么解决跨域问题????
1、Ajax 怎么解决跨域问题????原创 2013-09-12 21:38:30 · 174 阅读 · 0 评论