JQuery

目录

一.JQuery入门

二.JQuery选择器

三.设置样式

1.利用css() 

2.设置类样式

3.JQuery的排他思想

4.链式编程

三.jQuery操作属性

四.jQuery事件对象

五.案例

1.下拉菜单

2.淘宝服饰案例

3.TAB栏切换案例

六.其他

1.原生JS中的className和jQuery的类操作的区别 

---

JQuery是JavaScript库，封装了JavaScript许多函数，JQuery主要来操作DOM。

JQuery：JavaScript Query 查询JS，把JS中的DOM操作封装，可以快速查询使用里面的功能。

一.JQuery入门

$

 $是JQuery的别称，在代码中可以使用JQuery代替$。$是jQuery的顶级对象

    <script>
    jQuery(document).ready(function () {
        jQuery('div').hide();
    })
    </script>

 
DOM对象和JQuery对象

DOM对象：通过原生js获得的对象

var myDiv = document.querySelector('div');
//div就是DOM对象

jQuery对象：用jQuery方式获取的对象

$('div')
//$('div')就是Jquery对象

jQuery对象本质是利用$对DOM对象包装后产生的对象，用伪数组的形式存储。

注意：jQuery对象只能用jQuery方法，DOM对象只能使用js的属性和方法

例如

myDiv要是想隐藏的话只能myDiv.style.display = 'none'  而不能用hide

$('div').style.display = 'none' 也是不允许的。

 DOM对象和JQuery对象的相互转换

原生JS的范围要比JQuery的范围大，原生JS中有一些没有被JQuery封装。

DOM对象转为JQuery对象

    <script>
        $(function () {
            var