JQuery的链式编程与隐式迭代
2014-06-28 10:53
246 查看
<!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>
<title></title>
<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('input').click(function () {
// $('p').text('你们都是P');//通过JQuery的选择器选择出来的DOM元素存入JQuery的DOM数组中,返回的是一个数组集合
//JQuery的隐式迭代就是JQuery方法遍历内部DOM数组的过程。不用再像JS中循环遍历
$('p').text('你们都是小青蛙').css({ "background-color": "red", "border": "10px double yellow" }).click(function () {
alert('呱呱呱呱呱呱');
alert($(this).text());
}); //链式编程,每个方法返回的都是调用者自己,JQuery中几乎都是方法,属性很少,方便实现链式编程
//每个JQuery对象的方法都是从 Jquery函数的 prototype属性中共享。
});
});
</script>
</head>
<body>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<input type="button" name="name" value="按钮" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('input').click(function () {
// $('p').text('你们都是P');//通过JQuery的选择器选择出来的DOM元素存入JQuery的DOM数组中,返回的是一个数组集合
//JQuery的隐式迭代就是JQuery方法遍历内部DOM数组的过程。不用再像JS中循环遍历
$('p').text('你们都是小青蛙').css({ "background-color": "red", "border": "10px double yellow" }).click(function () {
alert('呱呱呱呱呱呱');
alert($(this).text());
}); //链式编程,每个方法返回的都是调用者自己,JQuery中几乎都是方法,属性很少,方便实现链式编程
//每个JQuery对象的方法都是从 Jquery函数的 prototype属性中共享。
});
});
</script>
</head>
<body>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<p>
aaaaaaaaaaaaaaaaaaaaaa
</p>
<input type="button" name="name" value="按钮" />
</body>
</html>
相关文章推荐
- jQuery的链式编程和隐式迭代
- JQuery的链式编程,隐式迭代是啥意思?
- JQuery的链式编程与隐式迭代
- jQuery 链式编程/隐式迭代/each方法/多库共存
- jQuery 1.6 源码学习(四)——core.js[4]之链式调用&隐式迭代
- jQuery的ajax链式编程方法
- jQuery插件编写及链式编程模型
- jQuery编程基础精华01(jQuery简介,顶级对象$,jQuery对象、Dom对象,链式编程,选择器)
- jquery 隐式迭代
- Javascript开发之十三:jQuery中的事件,链式调用,隐式递归
- 解析jQuery的链式编程
- JQuery中隐式迭代和each的区别(通过反选功能解析)
- 简述用原生Javascripts实现jquery插件的链式范式编程的原理。
- JQuery笔记5:JQuery节点遍历和链式编程
- JQuery的隐式迭代和each函数和map函数
- jQuery编程基础精华01(jQuery简介,顶级对象$,jQuery对象、Dom对象,链式编程,选择器)
- 关于Jquery中的链式编程和动画效果(注意事项)
- JQuery中隐式迭代和each的区别(通过反选功能解析)
- jquery 隐式迭代
- 实现jQuery底层链式编程(一)