jQuery 基础使用与样式篇
jQuery是一个JavaScript函数库。jQuery是一个轻量级的\”写的少,做的多\”的JavaScript库。
jQuery库包含以下功能:
HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数
JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities
提示: 除此之外,jQuery还提供了大量的插件
如何使用jQuery
jQuery是一个JavaScript脚本库,不需要特别的安装,只需要我们在页面标签内中,通过
jQuery对象
在JQuery库中,可以通过本身自带的方法获取页面元素的对象叫做JQurey对象$(\".box\");//jQuery对象
DOM对象与jQuery对象的区别
1.DOM对象是通过原生的JS获取的对象,DOM对象只能使用JS中的方法和属性
2.jQuery对象是通过jQuery包装DOM对象后产生的对象,它是jQuery独有的。
jQuery可以使用jQuery库里面的方法,但是不能使用JS中的方法
JS对象只能调用JS中提供的方法和属性,不能使用jquery中的方法和属性
jquery对象只能使用jQuery的方法和属性,不能使用JS提供的方法和属性
DOM对象与jQuery对象之间的转换 。JS对象包含 DOM对象
jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。我们使用jQuery的同时也能混合JavaScript原生代码一起使用。在很多场景中,我们需要jQuery与DOM能够相互的转。它们都是可以操作的DOM元素,jQuery是一个类数组对象,而DOM对象就是一个单独的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=divs=divs=(“div”);//jQuery对象 divs中包含所有的divs元素vardiv=divs元素var div=divs元素vardiv=divs[0];//div为DOM对象
//使用jQuery中的get()方法进行转换,只需要提供一个索引就可以了
var div=divs.get(0);//将divs.get(0);//将divs.get(0);//将divs对象中索引为0的元素转换为DOM对象