JQuery
文章平均质量分 69
__Daniel
web developer
展开
-
jQuery 遍历 (笔记)
遍历 意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。 遍历方法中最大的种类是树遍历。 祖先 parent(); 直接父元素 parents(); 所有的父元素 parentsUntil(); 所有()间的父元素 $("span").ParentsUntil("div"); span到div原创 2014-05-24 10:24:30 · 440 阅读 · 0 评论 -
Jquery AJAX
$(selector).load(url,data,callback); url:文件路径 data:可选参数,选择加载内容.原创 2014-05-24 10:51:55 · 418 阅读 · 0 评论 -
jQuery插件之Resizable
jQuery.resizable 是基于jQuery开发的一款插件, 为用户提供html dom resize 行为. 例如存在如下的html dom: 假设整个蓝色边框的div为需要改变大小的对象, 图中红色部分为'柄', 那么当鼠标拖动'柄'时,div的大小将会随之改变. 大家可以先到此下载源码: jQuery.resizable.js API简介: handler(转载 2014-06-09 17:06:26 · 2048 阅读 · 0 评论 -
仿搜索自动联想功能
Insert title here body{margin:0px;padding:0px;} ul{margin:px;padding:0px;list-style-type:none;} $(function(){ a(); onclick(); $("#txt").bind("keyup",function(){原创 2014-05-22 10:17:16 · 1134 阅读 · 0 评论 -
一次Ajax查错的经历(html规范)
我有一朋友做网站,用jQuery的Ajax方法从后端载入一段HTML代码然后动态插入到网页的Div元件中。这个东西太普遍了。jQuery强大的load方法可以完成这个事情。朋友的代码是这么写的: 1 2 3 var tab = jQuery("#dynamic_tab"); var url = "/list_ajax/"; tab.load(ur转载 2014-09-10 11:42:19 · 604 阅读 · 0 评论 -
JQuery选择器关于表单序列化
$("Form input").serialize(); 这样JQuery选择了Form下的所有input元素. $("Form :input").serialize(); 加上冒号,则选择了Form下的所有input select button等元素.原创 2015-03-19 11:14:45 · 526 阅读 · 0 评论 -
jQuery RemoveAttr(checked)之后再Attr(checked)属性无效果的原因分析
jQuery中attr()和prop()在修改checked属性时的区别 投稿:whsnow 字体:[增加 减小] 类型:转载 使用语句$.attr('checked',true),将复选框的属性改为被选中,在chrome浏览器中第一次点击有效后面就不行了,IE8倒是没有问题 在做复选框全选按钮的时候,出现了一个问题,使用语句$.attr('c转载 2016-11-28 19:27:08 · 3902 阅读 · 2 评论 -
jQuery工具方法
目录 常用工具方法 判断数据类型的方法 Ajax操作 $.ajax 简便写法 Ajax事件 返回值 JSONP 文件上传 参考链接 jQuery函数库提供了一个jQuery对象(简写为$),这个对象本身是一个构造函数,可以用来生成jQuery对象的实例。有了实例以后,就可以调用许多针对实例的方法,它们定义jQuery.prototype对象上面(简写为$.转载 2016-11-29 11:00:53 · 295 阅读 · 0 评论 -
基础笔记siblings() 返回所有被选元素的同胞 next() 返回被选元素下一个同胞
基础笔记 CSS cursor: 光标类型 position: 元素定位类型 overflow: 超出部分 JQuery 引用JQuery库 $(selector).action(); 选择符查找元素 action执行操作 $(document).ready(function{}); 在文档完全加载完后运行 $("[]")属性选择器 $("对象").css("属性",原创 2014-05-11 17:31:20 · 971 阅读 · 0 评论 -
jQuery代码优化:事件委托篇
随着DOM结构的复杂化和Ajax等动态脚本技术的运用,事件委托自然浮出了水面。jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现的基础上,展示它们的优劣势及适用场合。 事件委托 事件委托的事例在现实当中比比皆是。比如,有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为转载 2014-05-19 08:53:50 · 442 阅读 · 0 评论 -
JQuery代码优化:遍历篇
与使用选择符查找页面中的元素相对应,jQuery遍历操作背后的工作机制也很有特色。了解了jQuery对DOM进行遍历背后的工作机制,可以在编写代码时有意识地避免一些不必要的重复操作,从而提升代码的性能。本文就从jQuery的遍历机制入手简单探讨一下优化jQuery代码的问题。 jQuery对象栈 jQuery内部维护着一个jQuery对象栈。每个遍历方法都会找到一组新元素(一个jQuery对象转载 2014-05-16 09:30:36 · 599 阅读 · 1 评论 -
jQuery 遍历
1.列表 jQuery 遍历函数 jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。 函数 描述 .add() 将元素添加到匹配元素的集合中。 .andSelf() 把堆栈中之前的元素集添加到当前集合中。 .children() 获得匹配元素集合中每个元素的所有子元素。 .closest() 从元素本身开始,逐级向上转载 2014-05-16 09:25:09 · 769 阅读 · 1 评论 -
35个Jquery应用实例
2. 改变结果集 如果选中多个元素,jQuery提供过滤器,可以缩小结果集: $('div').has('p'); //选择包含p元素的div元素 $('div').not('.myClass'); //选择class不等于myClass的div元素 $('div').filter('.myClass'); //选择class等于myClass的div元素 $('div').firs转载 2014-05-11 14:17:04 · 857 阅读 · 0 评论 -
jQuery代码优化:基本事件篇
jQuery对事件系统的抽象与优化也是它的一大特色。本文仅从事件系统入手,简要分析一下jQuery为什么提供mouseenter和mouseleave事件,它们与标准的mouseover、mouseout事件有什么区别。 事件模型 说到事件,就要追溯到网景与微软的“浏览器大战”了。当时,事件模型还没有标准,两家公司的实现就是事实标准。网景在Navigator中实现了“事件捕获”的事件系统,而微转载 2014-05-19 08:56:29 · 477 阅读 · 0 评论 -
高效jQuery的奥秘
jQuery是最好的JavaScript库之一,用于简化动画,事件处理,支持Ajax和HTML 的客户端脚本。网络中有大量的 jQuery 插件,有助于在短时间内通过简单容易的方法创建网站。今天,我们来分享一些很有用的技巧和窍门给jQuery的技术开发人员。所以我们选取了几个对jQuery 开发人员非常有用的代码片段。希望你的下一个项目中能用得上这些代码。 1) 禁止右键 在开发 Web 应用转载 2014-05-19 08:26:10 · 429 阅读 · 0 评论 -
jQuery代码优化:选择符篇
毫无疑问,jQuery的独到之处就是它以集合为中心的操作。为了取得DOM对象集合,jQuery利用JavaScript不仅实现了(它诞生时)很多浏览器不支持的CSS选择符,还实现了不少独到的自定义选择符,为在文档中查找元素提供了极大的便利。本文就从选择符的角度简单探讨一下优化jQuery代码的问题。 Sizzle的运行机制 jQuery从1.3开始把根据选择符表达式查找元素的代码独立出来,也就转载 2014-05-19 08:40:37 · 427 阅读 · 0 评论 -
jQuery实现可编辑表格
在很多的网页中,这个可编辑表格在许多地方都是非常有用,配合上AJAX技术能够实现很好的用户体验,下面我 们就jQuery来说明一下可编辑表格的实现步骤 首先是HTML代码,非常简单 [html] view plaincopyprint? > html> head> title>可以编辑的表格title> script type="text转载 2014-05-12 16:24:14 · 707 阅读 · 0 评论 -
jquery实现点击表格修改信息!
JQuery示例:可以编辑的表格 编辑个性签名 12345645 JS文件内容: /转载 2014-05-12 16:29:29 · 2164 阅读 · 0 评论 -
jQuery对象与dom对象的转换
一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象。所以一些新手就很迷惑,为什么${"#Element"}不能直接innerHTML,这就是原因所在,解决方式请看下文。 jQuery对象与dom对象的转换 只有jquery对象转载 2016-11-25 17:03:34 · 274 阅读 · 0 评论