我的第一个jQuery

基本结构

<!-- 引入jq -->

<script src="js/jquery-1.12.4.js"></script>

文档加载 简化：$(function(){})

$(document).ready(function(){

//隔行变色 &()或者jQuery 工厂函数制作jQuery对象 tr：even选择器 .css()改变样式方法

$("tr:even").css("backgroundcolor","yellow");

通过类样式修改p3

$("#p3").addClass("class名")

移出类样式

$("#p3").removeClass("calss名")

设置css属性

css("属性","属性值");

设置多个css属性

css({"属性":"属性值"，"属性":"属性值"})

显示和隐藏

$("id名").click(function(){})按钮点击事件

$("id名").show();

$("id名").hide();

鼠标移入.mouseover

鼠标出来.mouseout

链式操作

.next().css

隐士迭代，自动遍历多个元素$("")

转成jQuery对象

$()

$.html

.text替换文本内容

.val value的值

并集选择器

$("a,b")

层次选择

后代：$("a b")所有后代

子：$("a>b")儿子

相邻元素：$("a+b")选取紧邻a的后面的元素b

同辈：$("a~b")选择a元素之后所有的同辈元素b

属性选择器

("div[name='a']")div中name=a的div

$("[href^='en']")选取href属性值以en开头的元素

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

$("[href$='text']")选取href属性值中包含text的元素

过滤选择器通过特定规则筛选元素 可见性过滤选择器：

$("li:first")选取所有li元素中第一个li元素

$("li:last")选取所有li元素中最后一个li元素

$("li:not(.three)")选取class不是three的元素

$("li:even")选取索引是偶数的li元素1,3,5

$("li:odd"）选取索引是奇数的li元素2,4,6