jQuery学习-宏观

jQuery简介：

     jQuery是一个轻量级、优秀的js库。既然是个库，那就是对js又进行了封装了。jQuery发明的理念是“write less，do more” jQuery能够使用户的html页面保持代码和html内容的分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。（百度百科）

 

jQuery语法：

jQuery 语法是为 HTML元素的选取编制的，可以对元素执行某些操作。

基础语法是：$(selector).action()

• 美元符号定义 jQuery

• 选择符（selector）“查询”和“查找” HTML 元素

• jQuery 的 action() 执行对元素的操作

 

jQuery选择器：

jQuery选择器分为三种：元素选择器、属性选择器、CSS选择器。

jQuery 元素选择器

jQuery 使用 CSS 选择器来选取HTML 元素。

CSS选择器分为三种：标签选择器、类选择器、ID选择器。

$("p") 选取<p> 元素。

$("p.intro")选取所有 class="intro" 的 <p> 元素。

$("p#demo")选取所有 id="demo" 的 <p> 元素。

jQuery 属性选择器

jQuery 使用 XPath表达式来选择带有给定属性的元素。

$("[href]")选取所有带有 href 属性的元素。

$("[href='#']")选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']")选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']")选取所有 href 值以 ".jpg" 结尾的元素。

Xpath即为xml路径语言，它是一种确定xml文档中某位置的语言。（Xpath详解！）

jQuery CSS 选择器

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

下面的例子把所有 p元素的背景颜色更改为红色：

实例

$("p").css("background-color","red");

jQuery事件：

下面是 jQuery中事件方法的一些例子：

Event函数                                    绑定函数至

$(document).ready(function)        将函数绑定到文档的就绪事件（当文档完成加载时）

$(selector).click(function)        触发或将函数绑定到被选元素的点击事件

$(selector).dblclick(function)        触发或将函数绑定到被选元素的双击事件

$(selector).focus(function)        触发或将函数绑定到被选元素的获得焦点事件

$(selector).mouseover(function)        触发或将函数绑定到被选元素的鼠标悬停事件

总结：缕清思路，学习或着做项目的时候想着这样知识，想着它们实现的原理，自然能熟练掌握！