jQuery基础样式与使用

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 $divs=$(“div”);//jQuery对象  divs中包含所有的$divs元素vardiv=$divs[0];//div为DOM对象

var div=$divs.get(0);