JQuery概念:
JQuery是一个快速、简洁的JavaScript库
JavaScript库:即library,是一个封装好的特定的集合(方法和函数)
学习JQuery本质:就是学习调用这些函数(方法)
简单理解:
就是一个JS文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了
其设计宗旨就是写更少的代码,做更多的事
j就是JavaScript;Query查询;意思就是查询js,把js中的DOM操作做了封装,我们可以快速的查询使用里面的功能
jQuery的优点:
轻量级。
链式编程、隐式迭代
对事件跨浏览器兼容。基本兼容现在主流的浏览器
对于事件、样式、动画支持,大大简化了DOM操作
支持插件扩展开发。有着丰富的第三方插件。
JQuery入门
JQuery的入口函数
1.$(function () {
...//此处是页面DOM加载完成 入口
}
2.$(document).ready(function () {
...//此处是页面DOM加载完成的入口
})
JQuery的基本使用
JQuery的顶级对象$
1.$是JQuery的别称,在代码中可以使用jQuery代替$,但一般为了方便,通常都直接使用$
2.$是JQuery的顶级对象,相当于原生JavaScript中的window。把元素里哟个$包装成JQuery对象,就可以调用jQuery的方法。
jQuery对象和DOM对象
js的对象只能用JS属性和方法
jq的对象只能用JQ的属性和方法
用原生JS获取来的对象就是DOM对象【document.getElement 等方法】
jQuery方法获取的元素就是jQuery对象【$(’div‘)等】
DOM对象转换为JQuery对象:
$(DOM对象)
jQuery对象转换为DOM对象(两种方式)
$(DOM对象)
$('div') [index]
$('div).get(index)