(一)湖上寓居杂咏第三句写出了荷叶怎样的特点

核心提示1.介绍Query是什么John Resig在2006年1月发布的一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作 2.使用为什么要使用jQuery写少代码,做多事情【write less do more】免

1.介绍

什么是查询?

John Resig在2006年1月发布了跨主流浏览器Javascript库,简化了Javascript的HTML操作。

使用

为什么要使用jQuery?

写更少的代码,做更多的事情

免费开源轻量级js库,容量小。

注意:在项目中,建议参考min版本的js库。

兼容市面上主流浏览器,如IE火狐、Chrom

注意:jquery并没有封装所有的JS,只是选择性地封装。

可以处理HTML/JSP/XML、CSS、DOM、事件,实现动画效果,还提供异步AJAX功能。

手册是完整和详细的。

可供选择的成熟插件

建议为重要的html标签提供一个个人id属性,但不是必须的。

出错后,有一定的提示信息。

不需要在html中通过标签插入大量的js来调用命令。

3.入门指南

jQuery开发入门

参考第三方js库文件,

并查阅api手册,$。html/val/text/css/....

4.js对象和jQuery对象相互转换。

js对象和代码规则是什么?

它是由js-API定义的对象,即节点接口中的API或传统的js语法,称为js对象。

js对象的规则-元素

var PE lement = document . getelementbyid;

var nameArray =新数组;

什么是jQuery对象和代码规则?

就是用jQuery - API,返回的对象叫jQuery对象。

JQuery代码规则-$ p

var %idv = ${"#pID"}

声明:以上守则规则仅为个人规则,不代表所有企业都这么做。

Js对象被转换成jQuery对象[强调]

语法:$--> jQuery对象

例如:$--> $ p

比如:$--> $这个注意:jQuery对象封装了js对象,js对象两边没有引号。

JQuery对象转换成js对象

1: jQuery对象[下标,从0开始]

2: jquery object.get

例如:$ p [0]-> p元素

注意:不同的对象只能调用对应的api方法,即jQuery对象不能调用js对象的api,反之亦然$ p . innerhtml pElement.html

5.5.js对象和jQuery对象的区别

js对象的三种基本定位方法

传递ID属性:document.getElementById

传递NAME属性:document.getElementsByName

传递标记名:document.getElementsByTagName

jQuery对象的三种基本定位方法

通行证ID属性:$

传递标签名称:$

传递类属性:$

js对象错误的显示没有合理的提示信息。

例如警报值)

jQuery对象的错误以合理的提示信息显示,比如未定义。

例如alert.val)

6.6.jQuery中的常用方法

目的:用这种方法,你可以操作网页中的任何标签。

Val:获取标签的value属性值,前提是标签有value属性。

Html:获取标签之间的内容,不能在xml文件中使用。

Text:获取标签之间的内容,可以用在html/jsp和xml文件中。

Css:通过添加键值形成的css样式

Size:获取jQuery对象/数组中元素的个数,并提倡

Length:获取jQuery对象/数组中元素的数量

注意:编写jQuery代码时,不仅可以使用jQuery API,也可以使用传统的JS API。

 
友情链接
鄂ICP备19019357号-22