html+dom能做什么,jQuery能做什么?

jQuery是一个简洁而快速的JavaScript库,可用于简化事件处理,HTML文档遍历,Ajax交互和动画,以便快速开发网站。

ae115a94c66a9a7d0a8922070703fe42.png

目的是让开发者更容易地在网站上使用JavaScript。它不是一种单独的编程语言,与JavaScript一起工作。使用jQuery,将用更少的资源做更多的事情。

使用jQuery能做什么?

jQuery库为Web脚本编程提供了通用(跨浏览器)的抽象层,使得它几乎适用于任何脚本编程的情形。jQuery通常能为我们提供以下功能:

1、方便快捷获取DOM元素

如果使用纯JavaScript的方式来遍历DOM以及查找DOM的某个部分编写很多冗余的代码,而使用jQuery只需要一行代码就足够了。例如,找到所有应用了.content class样式的div中所有的P标签,只需要下面的一行代码:$('div.content').find('p');

2、动态修改页面样式

使用jQuery我们可以动态的修改页面的CSS即使在页面呈现以后。jQuery仍然能够改变文档中某个部分的类或者个别的样式属性。例如,找到页面所有的ul标签的第一个li子标签,然后为它们增加名为active的样式,代码如下:$('ul > li:first').addClass('active');

3、动态改变DOM内容

使用jQuery我们可以很容易地对页面DOM进行修改,例如,为ID为"container"的元素添加一个链接:$('#container').append('more');

4、响应用户的交互操作

jQuery提供了截获形形色色的页面事件(比如用户单击某个链接)的适当方式,而不需要使用事件处理程序拆散HTML代码。此外,它的事件处理API也消除了经常困扰Web开发人员浏览器的不一致性。$('button.show-details').click(function() {

$('div.details').show();

});

上面的代码表示:为使用的.show-details样式的button元素添加一个click事件,事件就是:显示使用.details样式的DIV。

5、为页面添加动态效果

jQuery中内置的一批淡入、擦除之类的效果,以及制作新效果的工具包,为此提供了便利。$(function () {

$("#btnShow").click(function () {

$("#msubject").hide("slow");

});

});

6、统一Ajax操作

jQuery统一了多种浏览器的Ajax操作,使得开发人员更多的专注服务器端开发。function (data, type) {

// 对Ajax返回的原始数据进行预处理

return data // 返回处理后的数据

}

7、简化常见的JavaScript任务。

除了这些完全针对文档的特性之外,jQuery也改进了对基本的JavaScript数据结构(例如迭代和数组操作等)。$.each(obj, function(key, value) {

total += value;

});

更多jQuery相关技术文章,请访问 jQuery答疑 栏目进行学习!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/421953.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

中国微型计算机分省市产量数据统计,2017年6月中国微型计算机设备产量统计数据分析...

根据三胜产业研究中心数据,2017年1-6月全国微型计算机设备产量统计显示:2017年6月全国微型计算机设备产量为2896.88万部,当月同比增速18.9%;2017年1-6月全国微型计算机设备产量累计为14145.57万部,累计同比增速5%。图表…

html JSP 富文本案例,JSP页面引入Ueditor富文本编辑器!

最近做项目时,需要用到富文本编辑器,使用了百度的Ueditor编辑器,因此 在这和大家分享下工具/原料myeclipse,ueditor方法/步骤从官网上 地开级还思层似未屏别。域一插式近址发应是http://ueditor.baidu.com/website/download.h分浏代刚的学过互…

计算机考试打字对齐,2010年职称计算机考试:对齐方式

对齐是指单元格内容相对于单元格边框线的显示位置。除了使用Excel默认的对齐方式以外,用户还可以自己设置数据的对齐方式,以使工作表美观、整齐。(1)水平对齐操作步骤:1)选取欲设置对齐方式的单元格或单元格区域。2)选取"格式"菜单中的"单元格"命令,出现&q…

噪音曲线图测试软件,利用示波器统计工具分析有噪声信号之测量统计和余晖图...

利用示波器统计工具分析有噪声信号之测量统计和余晖图2019-09-24数字示波提供了多种基于统计的工具,除了前文提到的平均和直方图之外,测量参数统计和余晖图,也是非常有用的工具,协助快速获取有用信息。对于示波器测量参数&#xf…

第十讲:Obj-C Blocks 应用

转:http://tigercat1977.blog.163.com/blog/static/2141561122012111295955891/ 第十讲:Obj-C Blocks 应用 2012-12-12 09:59:55| 分类: Objective-C | 标签:objective-c |字号大中小 订阅 主要内容Blocks 是什么Blocks 和…

计算机成绩表及格率怎么算,卫生资格人机对话如何考试如何评分?成绩如何核算?...

原标题:卫生资格人机对话如何考试如何评分?成绩如何核算?世事悠悠浑未了,年光冉冉今如许。今天距离考试只有30天啦!大家都做好冲刺准备了吗?眼看离考试越来越近,今儿就跟大家说说人机考试的那些…

查询应用服务器fc端口wwn号,FAQ-如何查询应用服务器HBA卡的WWN号

解决方案Windows操作系统1、在Windows应用服务器上安装软件“scli-1[1].06.16-29.windows.msi”。2、在桌面上单击该软件的快捷方式。系统自动启动该软件,并出现如图1所示的界面。图1 操作选择界面3、在“Enter Selection:”后输入4并按“Enter”键。系统出现如图2所…

服务器imm口加载硬盘,ibm x3250 M4如何进IMM(远程管理口)

服务器型号:IBM X3250M4能ping通192.168.70.125但是访问 http://192.168.70.125 浏览器打不开网页。故障原因:IBM 3100M4和3250M4服务器标配的IMM是Basic(基础)版本的,浏览器无法通过web界面进行访问,如果需要web访问功能需要升级…