web前端：jQuery的clone()方法和data()方法

作者:lanshanxiao更新于： 2020-05-12 15:11:45

　　jQuery是一个快速、简洁的Javascript框架，是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是"writeLess，DoMore"，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

　　jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器，并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE6.0+、FF1.5+、Safari2.0+、Opera9.0+等。

　　#jQuery中的clone()和data()方法

　　-clone()

　　```js

　　$('.demo').clone().appendTo('body');//把.demo元素一级元素的行间样式复制一下添加到body元素下，但是克隆不了绑定的事件

　　$('.demo').clone(true).appendTo('body');//把.demo元素一级元素的行间样式复制一下添加到body元素下，也可以把绑定的事件克隆

　　```

　　-data()方法

　　```js

　　$('.demo').data({

　　id:1,

　　name:'feng',

　　age:18

　　});//在.demo对象中添加数据

　　$('.demo').data('name');//取出属性name的值为feng

　　```

　　jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。

　　jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。

　　AJAX是异步的JavaScript和ML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如php网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。

　　jQuery提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等操作。

　　jQuery提供了各种页面事件，它可以避免程序员在HTML中添加太事件处理代码，最重要的是，它的事件处理器消除了各种浏览器兼容性问题。

　　jQuery可以修改网页中的内容，比如更改网页的文本、插入或者翻转网页图像，jQuery简化了原本使用JavaScript代码需要处理的方式。