下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

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

作者:lanshanxiao     来源: 博客园点击数:2119发布时间: 2020-05-12 15:11:55

标签: phpjQueryJavascript

Web开发

  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代码需要处理的方式。

赞(12)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程