JQuery(一)

2022-11-30 0 552

1.如是说

Query是甚么

John Resig在2006年1月正式发布的这款跨非主流应用程序的JavaScript库,精简JavaScript对HTML操作方式

JQuery(一)

2.采用

为何要采用jQuery

JQuery(一)

(1)写少标识符,做多事情【write less do more】

(2)完全免费,开放源码且轻量的js库,容量极小

特别注意:工程项目中,倡导提及min版的js库

(3)相容市售非主流应用程序,比如IE Firefox ,Chrom

特别注意:jquery不是将所有JS全部封装,只是有选择的封装

(4)能够处理HTML/JSP/XML、CSS、DOM、事件、实现动画效果、也能提供异步AJAX功能

(5)文档手册很全,很详细

(6)成熟的插件可供选择

(7)倡导对重要的html标签提供一个人id属性,但不是必须的

(8)出错后,有一定的提示信息

(9)不用再html里面通过<script>标签插入一大堆js来调用命令了

3.入门

jQuery开发入门

JQuery(一)

(1)提及第三方js库文件,<script type=”text/javascript” src=”js/jquery-1.8.2.js” />

(2)查阅并采用api手册, $(“#divID”).html()/val()/text()/css(“color”,”red”)/….

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

JQuery(一)

(1)甚么是js对象及标识符规则

就是采用js-API、即Node接口中的API或是传统JS语法定义的对象,叫作js对象

js对象的规则——-divElement

var divElement = document.getElementById(“divID”);

var nameArray = new Array(3);

(2)甚么是jQuery对象及标识符规则

就是采用jQuery–API,返回的对象就叫做jQuery对象

jQuery标识符规则—–$div

var %idv = ${“#divID”}

声明:上述标识符规则,只是个人规则,不代表所有企业都这样做

(3)js对象转换为jQuery对象【重点】

语法:$(js对象)—->jQuery对象

比如:$(divElement)—–> $div

比如:$(this)—->$this 特别注意:jQuery对象将js对象做了封装,js对象两边无引号

(4)jQuery对象转成js对象

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

语法2:jQuery对象.get(下标,从0开始)

比如:$div[0]—->divElement

特别注意:不同的对象只能调用对应的api方法,即jQuery对象不能调用js对象的api,反之亦然 $div.innerHTML(错) divElement.html(错)

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

JQuery(一)

(1)js对象的三种基本定位方式

(A)通过ID属性:document.getElementById()

(B)通过NAME属性:document.getElementsByName()

(C)通过标签名:document.getElementsByTagName()

(2)jQuery对象的三种基本定位方式

(A)通过ID属性:$(“#id属性值”)

(B)通过标签名:$(“标签名”)

(C)通过CLASS属性:$(“.样式名”)

(3)js对象出错的显示 没有合理的提示信息

比如:alert(document.getElementById(“usernameIDD”).value)

(4)jQuery对象出错的显示 有合理的提示信息,比如:undefined

比如:alert($(“#usernameIDD”).val())

6.jQuery中常用方法

JQuery(一)

目的:通过方法,能操作方式web页面(HTML/JSP)中的任何标签

(2)html():

(4)css():加key-value形成的css样式

(5)size()

特别注意:在写jQuery标识符时,不光可以采用jQuery的API,还能采用传统JS的API

举报/反馈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务