- jquery学习笔记整理 11-25
- jquery视差滑块幻灯特效 11-25
- jquery选择器的优势 11-25
- jquery实用技术——全选和反选 11-25
- jquery属性操作 11-25
- 案头的jQuery——第一章——初识jQuery 11-25
- jquery选择器初探 11-25
- 案头的jQuery——第一章——初识jQuery(四 11-25
- 案头的jQuery——第一章——初识jQuery(三 11-25
- 案头的jQuery——第一章——初识jQuery(二 11-25
jquery学习笔记整理
发布者: superzhang | 发布时间:2017-11-25each(callback)
以每一个匹配元素作为上下文来执行一个函数。
每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。
而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整形)。
返回‘false’ 将停止循环(就像在普通的循环中使用 'break')。返回'true' 跳至下一个循环(就像在普通的循环中使用'continue')。
返回值:jQuery
参数:
callback (Function) : 对于每个匹配的元素所要执行的函数
示例:
迭代两个图像,并设置它们的 src 属性。注意:此处 this 指代的是 DOM 对象而非 jQuery 对象。
HTML 代码:
<img/><img/>
jQuery 代码:
$("img").each(function(i){
this.src = "test" + i + ".jpg";
});
结果:
[ <img src="test0.jpg" /&g
jquery视差滑块幻灯特效
发布者: superzhang | 发布时间:2017-11-25效果如图,
index.html
<!doctype html><html><head><title>jquery视差滑块幻灯特效</title><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="images/style.css" /><script src="images/move.js" type="text/javascript"></script><script src="images/index.js" type="text/javascript"></script></head><body><div class="wrapper"></div><div id="pxs_container" class="pxs_contaijquery选择器的优势
发布者: superzhang | 发布时间:2017-11-25jquery中的选择器完全继承了CSS的风格,利用jquery选择器,可以非常方便地找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器。jquery中涉及操作CSS样式的部分比单纯的CSS功能更为强大,并且拥有跨浏览器的兼容性。
$()函数在很多javascript类库中都被作为一个选择器函数来使用,在jquery中也是如此。例如$("#id")用来代替d
jquery实用技术——全选和反选
发布者: superzhang | 发布时间:2017-11-25全选和反选是表单中很常见的功能,本文简单探索使用jquery实现全选和反选的功能。
使用全选的例子随处可见:
全选的实现:遍历所有复选框,然后设置各多选项的checked属性为true。
反选的实现:遍历所有复选框,获取复选框的checked属性值,是true的话则设置为false,否则设为true,即作当前值的相反设置。
具体的代码实
jquery属性操作
发布者: superzhang | 发布时间:2017-11-25在jQuery中,用attr()方法来获取和设置元素属性,removeAttr()方法来删除元素属性。
如果要获取<P>元素的属性title,那么只需要给attr()方法传递一个参数,即属性名称。
如果要设置<P>元素的属性title的值,也可以使用同一个方法,不同的是,需要传递两个参数即属性名称和对应的值。
如果需要一次性为同一个元素设置多个属性,可以使用json来实现。
注意:jquery中的很多方法都是同一个函数实现获取和设置的,例如上面的attr()方法既能设置元素属性的值,也能获取元素属性的值。类似的还有html()、text()、height()、width()、 val
案头的jQuery——第一章——初识jQuery
发布者: superzhang | 发布时间:2017-11-251.1 简单认识jQuery
jQuery的创始人是John Resig,自2006年创建以来,深受前端开发者的喜爱,甚至他简约的使用风格和强大的API也受后台开发者的追捧。
学习javascript的DOM操作的时候,我们需要不停的使用document.getElementById,或是其他的类似操作,繁琐而且有些方法兼容性让人头疼,使用了jQuery可以大大提升我们的开发效率,避免这些原生DOM写法;
jQuery提供了丰富的API来供我们操作页面元素的css样式;
jQuery提供了关于ajax更丰富的API,做了更全面的封装,我们将不用再去定义HTTPRequest等变量,使ajax得使用变得更简单;
jQuery提供了animation、slideup等动态效果API的封装,让新手也可以轻松做出绚丽的动态小效果。
jQuery的链式调用,更加体现了他写的更少,做的更多的思路,使我们的开发变得更加效率而又优雅。
当然,学会jQuery并非就所有的需求都可以搞定了,真实项目开发中必定会有各种各样的坑需要我们去填,本书将会告诉你更多的真实使用姿势,让你领略跳出坑后那种拨云见日的感觉。
jquery选择器初探
发布者: superzhang | 发布时间:2017-11-25jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的CSS 选择器,除此之外,它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头:$()。
