jQuery

jQuery 是一个2006年推出的容易学习的JavaScript库。

特点：

• jQuery 是一个写的更少但做的更多的轻量级JavaScript库，能极大简化JavaScript编程。
• 提高跨浏览器兼容性，降低开发人员心智负担
• 代码阅读性更高，提高可维护性

jQuery库包含特性：HTML元素选取；HTML元素操作；CSS操作；HTML事件函数；JavaScript特效和动画；HTML DOM遍历和修改；AJAX；Utlities；

jQuery库位于一个JavaScript文件中，其中包含了所有的jQuery函数。

通过下方法 可以把jQuery添加到网页中：

库的代替

Google 和 Microsoft 对 jQuery的支持都很好。

如果不存放jQuery库，可以从Google或Microsoft加载CDN jQuery的和核心文件

Google的CDN

Microsof的CDN

jQuery用法：

$ / jQuery：引入jQuery之后，jQuery在全局定义的函数和对象，使用链式语法。

作为函数调用，如果传入参数类型不同或格式不同，功能就随之不同，例如：

$(‘#divId’) .css('color', 'red')
$('.div-class')
$('div')
$('input:password')

作为对象调用的话，就使用jQuery定义好的工具方法就行。

jQuery核心函数$([selector,[context]])：

$('#divld').css('color','red')  //找到id为divld的元素并设置字体颜色为红色

“#divld”就是选择器；css（‘color’，‘red’）是jQuery方法。

选择器：类似于CSS选择器，用来选择网页中的元素。执行结构是jQuery对象，不是原生html节点。分为：基本选择器、过滤选择器、表单选择器等。

$(‘input：redio’，document.forms[0]）.css('color'，'red')//在document的第一个表单中找到radio单选框并设置字体颜色为红色。

.css前的整体是jQuery对象，document.forms[0]是context查找元素范围

jQuery对象：

通过jQuery包装原生DOM对象后产生的对象，是一个类数组对象。

jQuery对象可以使用jQuery的方法，不能使用DOM对象的方法。DOM对象也不能用jQuery的。

jQuery语法实例：

$(this).hide() ： 演示jQuery hide() 函数，隐藏当前的 HTML 元素。

$("p").hide() ：演示 jQuery hide() 函数，隐藏所有

元素。

$("#test").hide()：演示 jQuery hide() 函数，隐藏 id="test" 的元素。

$(".test").hide() ：演示 jQuery hide() 函数，隐藏所有 class="test" 的元素。

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

• 美元符号定义jQuery
• 选择符selector “查询”和“查找”HTML元素
• jQuery的action（）执行对元素的操作

jQuery属性选择器

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

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

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

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

jQuery-CSS选择器

例如更改p元素的背景颜色：

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

jQuery的名称冲突问题

jQuery 使用 $ 符号作为 jQuery 的简介方式。

某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。

jQuery 使用名为 noConflict() 的方法来解决该问题。

var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。

获取收入框input的值：.val

$.each()循环中断：return false；/return true；——>break / continue