jQuery的简单了解
来源:互联网 发布:红蜘蛛多媒体软件 编辑:程序博客网 时间:2024/06/06 11:01
jQuery的简单了解
什么是jQuery
它是John Resig在2006年1月发布的一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作。
为什么要使用jQuery
(1)写少代码,做多事情【write less do more】
(2)免费,开源且轻量级的js库,容量很小
注意:项目中,提倡引用min版的js库 ->什么是迷你版呢,看看就知道了!就是把空格、注释都去掉,文件变小了,就mini了。。。。。。
(3)兼容市面上主流浏览器,例如 IE,Firefox,Chrome
注意:jQuery不是将所有JS全部封装,只是有选择的封装
(4)能够处理HTML/JSP/XML、CSS、DOM、事件、实现动画效果,也能提供异步AJAX功能
(5)文档手册很全,很详细
(6)成熟的插件可供选择
(7)提倡对主要的html标签提供一个id属性,但不是必须的
(8)出错后,有一定的提示信息
(9)不用再在html里面通过
jQuery开发步骤
(1)引用第三方js库文件
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
(2)查阅并使用api手册,
范例:
//var divElement = document.getElementById("divID"); <--> var $div = $("#divID");//var html = divElement.innerHTML; <--> $div.html();
js对象和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 $div = $("#divID")
(3)js对象转成jQuery对象【重点】
语法:$(js对象)—->jQuery对象
例如:$(divElement)---->$div
例如:$(this)---->$this
注意:jQuery对象将js对象做了封装,js对象二边无引号
var inputElement = document.getElementById("inputID");//js对象 var $input = $(inputElement);//jquery对象 var txt = $input.val(); alert(txt);
(4)jQuery对象转成js对象
语法1:jQuery对象[下标,从0开始]
语法2:jQuery对象.get(下标,从0开始)
例如:
divElement.html(错)
var $div = $("#divID");//jquery对象 var divElement = $div[0];//js对象(方式一) //jquery对象可以理解为一个数组 //var divElement = $div.get(0);//js对象(方式二) var txt = divElement.innerHTML; alert(txt);
js对象和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())
-> 打印undefined
- jquery的简单了解
- jQuery的简单了解
- 了解jQuery简单动画
- hadoop的简单了解
- xml的简单了解
- 虚拟内存的简单了解
- Ajax的简单了解
- Enum的简单了解
- swift的简单了解
- block的简单了解
- EasyUI的简单了解
- XAAS 的简单了解
- iCheck 的简单了解
- Flume的简单了解:
- Cookie的简单了解
- gemfire的简单了解
- convas的简单了解
- 关于对jQuery的了解
- openfire创建插件
- C++ 标准库和标准模板库
- iOS开发系列—内存管理
- C语言之循环链表
- 最适合程序员编程的10款字体
- jQuery的简单了解
- PAT 1093. Count PAT's (25)
- ARP协议和RARP协议详解及ARP瓜攻击
- HDU 2460 Network(Tarjan求解桥+LCA)
- 线程池总结
- Android系统在超级终端下必会的命令大全(adb shell命令大全)
- OpenCV_基于混合高斯模型GMM的运动目标检测
- C语言之双向链表之操作
- 131 Palindrome Partitioning