什么是JQuery？
jQuery其实就是一个轻量级的javascript函数库，通过它我们可以"写的少做的多";
jQuery库包含以下功能：
- HTML 元素选取
- HTML 元素操作
- CSS 操作
- HTML 事件函数
- JavaScript 特效和动画
- HTML DOM 遍历和修改
- AJAX
- Utilities
JQuery使用：
一 JQuery使用文档：
二 准备工作：
首先要将JQuery文件导入
三 查找元素
操作元素：
一 选择器：
直接找到某个或者某类标签
1. id $("#id")
2.class $(".class")
3 查找标签：$("a")
4.* 代表所有
5.两个一起找 $("a,c2")
6.层级 子子孙孙
找到id=i10所有的a标签 $("#i10 a") $("#i10>a")只找儿子 找到所有孩子中的第一个 first last最后一个 $("#i10 a:first")索引
$("#i10 a:eq(0)")默认从0开始 7.根据属性查找 $('[alex]') 找具有alex属性的标签 $('[alex="a"]') 找到alex属性等于a的标签 text disabled不可编辑
文本操作
$(..).text()获取文本内容 $(..).text("a")#设置文本内容 $(..).html()获取html内容 $(..).html(<a>asd<a>)设置html内容 $(..).val（）获取他的值 $(..).val（。。）设置他的值 状态操作 toggleClass("")如果有去掉，如果没有加上 addClass removeClass 属性操作： 用于做自定义属性 $(..).attr 对标签上的属性进行操作 $("#i1").attr("name","alex")传一个参数获取属性对应的值，传两个替换 removeAttr删除属性 $(..).prop #专门为checkbox radio进行操作 $(..).prop("checked") $(..).prop("checked",true) 文档处理 添加 删除 修改 append追加到最后 prepend 添加到最前面 after在查找标签下面 brfore在查找标签上面 empty清空内容 remove删除标签 筛选器 在选择器选好的基础上在选一次 $("li").eq(1)索引 next获取下一个 prev获取上一个 parent获取父标签 children获取孩子标签 siblings获取兄弟标签 find 找出标签 子子孙孙中寻找 nextAll找到下面所有的 nextUntil 找到哪里截止 prevAll prevUntil Jquery css处理 $("t1").css("样式"，"样式值") 位置： scrollTop（[val]）返回顶部 没有参数标示获取，有参数表示设置 scrollLeft（[val]） offset().left 指定标签在html的坐标 offset().top $(i1).height() innerHeight（） outerHeight（） outerHeight（true） Jquery组织事件发生 $("c1").bind() $("c1").unbind() $("c1").delegate() $("c1").undelegate()
实例：
Title
| 选项 | IP | post |
|---|---|---|
| 1.1.1.1 | 80 | |
| 1.1.1.1 | 80 | |
| 1.1.1.1 | 80 |
Title a标题1内容标题2标题3
Title 内容一内容二内容三