什么是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的应用只需要两步,首先获取元素,然后去操作这个元素。