java web 之JQuery选择器

MVC设计模式
M（Model）数据模型
主要指JavaBean，用来封装和处理业务数据。
V （view）视图
主要指jsp，html，用来显示数据
C（Controller） 控制器
主要指Servlet，用于业务逻辑的控制，比如页面跳转、数据库的访问等。

JQuery
JQuery是对JavaScript的封装，用于简化js代码。
JQuery语法
$(选择器).action()
$(document).ready();//当DOM节点加载后（不需要节点的内容（比如图片，视频等）加载完成）立即执行。
常用语法
css(“属性”,“属性值”); //设置元素的css属性值
addClass(“类名”);//给元素增加类名
next();//该元素其后紧邻的同辈元素
html();//获取元素的html内容
JQuery选择器：
标签选择器
直接使用html标签名作为选择器 ( " p " ) 表 示 选 择 页 面 中 所 有 的 < p > 标 签 类 选 择 器 使 用 标 签 的 c l a s s 属 性 值 作 为 选 择 器 ， ("p") 表示选择页面中所有的

标签 类选择器 使用标签的class属性值作为选择器， ("p")表示选择页面中所有的<p>标签类选择器使用标签的class属性值作为选择器，(".btn") 表示选择页面中class值为btn的元素
id选择器
使用元素的id值作为选择器，$("#title") 表示选取页面中id为title的元素
并集选择器
多个选择器之间使用逗号隔开， $(".btn,#title") 表示选择class为btn的元素以及id为title的元素
交集选择器
标签选择器.类选择器 $(“p.myp”) 表示选取

标签中class为myp的标签
标签选择器#id选择器 $(“p#title”) 表示选取

标签中id为title的标签
全局选择器
$("*") 表示选择所有的元素
后代选择器
使用空格隔开 $(“body div”) 表示body中的所有的标签

作为选择器（包括子标签或者后代标签中的div)
子选择器
使用>， $("#title>span") 表示id为title元素的子标签 作为选择器
相邻元素选择器
使用+ $(“h2+p”) 表示紧邻在h2元素之后的同辈p元素
同辈元素选择器
使用~ $(“h2~p”) 表示h2之后的所有同辈的p元素

属性选择器
按照属性名选择元素
$("[ href]") 表示选择所有具有href属性的元素
按照属性值来选择元素
$("[href=’#’]") 表示选择href属性值为“#”的所有元素
$("[href!=’#’]") 表示选择href属性值不等于“#”的所有元素
$("[href^=‘en’]") 表示选择href属性值以en开头的元素
$("[href$=’.jpg’ ]") 表示选择href属性值以.jpg结尾的元素
$("[href*=‘txt’] ")表示href属性值中含有text的元素
满足多个符合条件的属性
$(“li[id][title=‘要点’]”) 表示选择具有id属性，并且title属性值为“要点”的li元素

过滤选择器
使用:，表示在冒号前面的选择器中筛选出符合冒号后特征的元素
：first表示选择第一个元素
：last 表示选择最后一个元素
：even 表示选择索引是偶数的元素（索引从0开始）
：odd 表示选择索引是奇数的元素
：eq(index) 表示选择索引值等于index 的元素
：gt(index)表示索引大于index的元素
：lt(index)表示索引小于index的元素
：not(selector)选择不匹配selector选择器的元素
：header 选择标题元素
：focus 选择当前获取焦点的元素
：visable 选择所有可见的元素
：hidden 选择所有隐藏的元素

表单元素选择器
：表单元素
比如 ：input 选择表单中所有的input标签
：radio 选择表单中的单选按钮