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,一经查实,立即删除!

相关文章

9个常用iptables配置实例

iptables命令可用于配置Linux的包过滤规则,常用于实现防火墙、NAT。咋一看iptables的配置很复杂,掌握规律后,其实用iptables完成指定任务并不难,下面我们通过具体实例,学习iptables的详细用法。 1.删除已有规则 在新设…

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

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

javascript-04 引用类型

引用类型是一种数据结构,用于将数据和功能组织在一起,是一个对象 Object类型var obj new Object(); var obj {name: "xiaoming", age: 15}; 一般访问采用 alert(obj.name) Array类型数组 var arr new Array(n); n个项的数组 var arr new A…

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

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

认识委托和事件

最近在自定义控件中做了个DropDownList的联动事件,具体的要求就是选择起始日期的年、月份和截止日期年、月份保持一样,避免起始日期大于截止日期。 --------------------------------分割线---------------------------------------- 首先就要明白以下几…

上海2014计算机职称考试理论题,2014年上海市高校计算机一级考试8套理论题含答案...

2014年上海市高校计算机一级考试8套真题的理论题含参考答案,供学生复习迎考,是最新的上海计算机一级理论题复习提纲。A.光纤接入 B.CableModem C.ADSL D.电话拨号18. 关于防火墙,下列描述正确的是________。A.防火墙主要是为了查杀内部网中的病毒B.防火墙可将未被授…

EclipsePHP Studio 2008快捷方式

1. ctrlL //跳转到指定的行,会弹出来一个输入框 2. ctrlshiftF //格式化代码 3. ctrlshift/ //增加块注释(/* */),在选中行的情况下 4. ctrlshift\ //删除块注释(/* */) 5. ctrlshiftX //更改为大写,在选中字符的情况下(ctrlaltU,作用一样)…

电除尘原理计算机机箱,高炉煤气布袋除尘器计算机监控系统

济钢3200m~3高炉矿槽除尘气力输送系统特点及投用实践3200m~3高炉喷煤系统技术特点 刘利兵;王自学;苗新海;王文娟;刘庆刚;沙钢1~#高炉料罐均压煤气替代氮气改造实践 周智民;潘永龙;李增伟;高永生;炼钢电炉余热发电实践 刘亚平;邹公平;攀钢25MVA钛渣电炉炉气处理系统存在…

PHP 通过设置P3P头来实现跨域访问COOKIE

我的是CentOS的系统(Linux 内核) 编辑HOST vi /etc/hosts 加入 127.0.0.1 www.a.com 127.0.0.1 www.b.com 首先&#xff1a;创建 a_setcookie.php 文件&#xff0c;内容如下&#xff1a; <?php //header(P3P: CP"CURa ADMa DEVa PSAo PSDo OUR BUS UNI…

硬盘计算机类比推理,判断推理类比推理:储存:光盘:硬盘 A:晾晒:绳索:衣架 B.吃...

判断推理类比推理&#xff1a;储存&#xff1a;光盘&#xff1a;硬盘A&#xff1a;晾晒&#xff1a;绳索&#xff1a;衣架B.吃文章来源&#xff1a; 编辑者&#xff1a;yangshengliang 时间&#xff1a;2019-02-26 11:01:141、储存&#xff1a;光盘&#xff1a;硬盘A&#xff1…

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

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

MySQL查询结果条数编号示例 mysql 查找结果中自动加序号列

SELECT row : row 1 as row, t.id FROM sgcorp_product t, (SELECT row : 0) r where t.id not in(select product_id from sgcorp_pic) http://database.51cto.com/art/201011/235142.htm http://blog.csdn.net/macwhirr123/article/details/7489484转载于:https://www.cnb…