关于jQuery参考实例1.0jQuery的哲学_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了关于jQuery参考实例1.0jQuery的哲学_jquery,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含5058字,纯文字阅读大概需要8分钟。
内容图文
![关于jQuery参考实例1.0jQuery的哲学_jquery](/upload/InfoBanner/zyjiaocheng/317/ed8e813201b84a7e99e717a70518fa8f.jpg)
本文翻译自jQuery Cookbook (O'Reilly 2009) 1.0 The jQuery Philosophy
jQuery的哲学是“写更少的代码,做更多的事情”,这一哲学可分述为三个概念:
- 用CSS选择器查找元素,并通过jQuery方法来操作这些元素
- 在元素集上链式调用多个jQuery方法
- jQuery封装与隐式遍历
充分理解这三个概念对于编写jQuery代码来说至关重要。我们来详细看一下这三个概念。
查找元素并进行操作
更准确的说,是在DOM树中定位一批元素,然后对该元素集进行操作。比如下面这个例子:首先向用户隐藏一个
元素,然后向这个隐藏了的
元素内插入一些新文本,之后更改其属性,最后重新显示这个
元素。相应的jQuery代码如下:
//隐藏页面上所有的div元素
jQuery('div').hide();
//更新所有div元素内的文本
jQuery('div').text('new content');
//在所有的div元素上添加值为updatedContent的class属性
jQuery('div').addClass("updatedContent");
//显示页面上所有的div元素
jQuery('div').show();
script>
<script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></ script> old content