JQuery初识

什么是jquery

jquery就是用js封装的强大类库，或一个大的函数体，它大大简化了js代码的编写，使一些效果往往通过简单的一句话就可以完成。简单来说就是一个优秀的兼容多浏览器的Javascript库。

特点：

（1）写的很少，做的很多。

（2）兼容性好

（3）实质是js分装的强大类库，出色的dom封装

（4）简单的操作

Jquery用处：

    作用是使用户能更方便地处理元素选取、元素操作、CSS 操作、HTML 事件函数、HTML DOM 遍历和修改，JavaScript 特效和动画，并且方便地为网站提供AJAX交互。

简单的用法：

（1）元素选择器：

<span style="font-size:18px;"><span style="font-size: 18px;"><span style="font-family:KaiTi_GB2312;">$(this).hide() // 隐藏当前元素$("p").hide() // 隐藏所有段落$(".t").hide() //隐藏所有 class="t" 的所有元素$("#t").hide() //隐藏所有 id="t" 的元素</span></span></span>

（2）属性选择器

<span style="font-size:18px;"><span style="font-family:KaiTi_GB2312;">jQuery 使用 XPath 表达式来选择带有给定属性的元素$("[href]") //选取所有带有 href 属性的元素$("[href='#']") //选取所有带有 href 值等于 "#" 的元素$("[href$='.jpg']") //选取所有 href 值以 ".jpg" 结尾的元素</span></span>

（3）CSS 选择器

jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性

<span style="font-family:KaiTi_GB2312;">$("p").css("background-color","green");  //把所有 p 元素的背景颜色更改为绿色</span>

JQuery与DOM

JQuery对象：用JQuery类库的选择器获得的对象；

Dom对象：用javascript获得的对象。

<span style="font-size:18px;"><span style="font-family:KaiTi_GB2312;">var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id"); //jQuery对象;</span></span>

$("#www").html();//获取id为color的元素内的html代码，html()是jQuery特有的方法;
它等同于:
document.getElementById("www").innerHTML;

小结：

    曾经学习js的时候，看前端开发的时候觉得很惊讶，可以做出这么多的效果来。后来接触了itoo和组织的项目提前了解了它。不得不说学习之后更加感觉到它的强大，本来如果实现一个效果可能要一大堆的代码，有了JQuery之后，往往只需要一句话就可以了，真的带给我们很多的惊喜现在想想JQuery的应用只需要两步，首先获取元素，然后去操作这个元素。