jQuery是一个JavaScript的函数库,jQuery是一个轻量级的“写的少,做得多”的JavaScript库。包含以下功能:HTML 元素选取、HTML 元素操作。CSS 操作、HTML 事件函数、 JavaScript 特效和动画、 HTML DOM 遍历和修改、 AJAX、Utilities、Query还提供了大量的插件
jQuery是一个JavaScript脚本库,不需要特别的安装,只需要我们在页面标签内中,通过
jQuery的语法是通过选取HTML元素,并对选取的元素执行某些操作,基础语法:
$(selector).action();
- $美元符号定义jQuery
- selector 选择符需要查找的元素 支持css1~css3中的主流选择器
- action() 执行对元素的操作
Dom对象转jQuery对象,通过document.获取的是dom对象dom,对象只能调用dom对象里提供的属性和方法 不能直接dom对象去.jQuery里的属性或者方法,要想转换成jQuery对象,要在前面加上美元符号“$”
DOM对象与jQuery对象的区别:1.DOM对象是通过原生的JS获取的对象,DOM对象只能使用JS中的方法和属性、2.jQuery对象是通过jQuery包装DOM对象后产生的对象,它是jQuery独有的。jQuery可以使用jQuery库里面的方法,但是不能使用JS中的方法
$(document).ready(function () {
var $box =
$("#jqBox");//jQuery中的对象
//console.log($box);
$box.css(“width”,
“400px”);
$box.html(“这是一个jQuery对象”);
})
通过标准的JavaScript操作DOM与jQuery操作DOM的对比,不难发现,通过jQuery方法包装后的对象,是一个类数组对象,它与DOM对象完全不同,位移相似的是它们都能操作DOM。
Dom对象与jQuery对象之间的转换,jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。相比较jQuery转化成DOM,开发中更多的情况是把一个dom对象加工成jQuery对象。 ( 参 数 ) 是 一 个 多 功 能 的 方 法 , 通 过 传 递 不 同 的 参 数 而 产 生 不 同 的 作 用 。 如 果 传 递 给 (参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用。如果传递给 (参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用。如果传递给(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象给包装成一个新的jQuery对象通过$(dom)方法将普通的dom对象加工成jQuery对象之后,我们就可以调用jQuery的方法了。
1.DOM对象转换为jQuery对象var box
document.getElementById(“box”);//DOM对象$(box);//jQuery对象
2.jQuery对象转换为一个DOM对象var d i v s = divs= divs=(“div”);//jQuery对象 divs中包含所有的 d i v s 元 素 v a r d i v = divs元素var div= divs元素vardiv=divs[0];//div为DOM对象
var div=$divs.get(0);