JQuery

准备函数简写

$(document).ready(function {
    //执行代码
 })
方法一
$().ready(function() {
    //执行代码
});
方法二
$(function(){
    //执行代码
})

dom对象和Jquery对象

1. dom对象是使用js创建的对象
2. jquery对象是使用jquery语法表示的对象， 建议命名以$开头jquery对象是一个数组
3. 两者可以相互转换，这样可以方便使用对方的属性
   • dom对象–>jquery对象: $(dom对象)
   • jquery对象–>dom对象：$().[]。将jquery对象数组的值取出来就是dom对象

选择器

1. 本质是一个字符串，方便定位dom对象
   • id选择器 $("#id值")
   • class选择器 $(".class值")
   • 标签选择器 $("标签名")
   • 所有选择器 $("*")
   • 组合选择器 $("#id值, span, …, ")
   • 表单选择器 获取input标签的对象
     • 用法： $(":type值") (type值例如 text ，radio…… )

基本过滤器

1. 在定位dom后，根据一些条件筛选dom对象。不可以单独使用，和选择器结合使用
   • 基本语法 $("选择器 : 过滤条件 ")
   • $(" 选择器 : first | last ") 第一个|最后一个 dom对象
   • $(" 选择器 ： lt | eq | gt (数组下标) " ) < 、= 、> 下标的dom对象

表单属性过滤器

1. 根据表单中don对象的状态来过滤dom对象
   • 基本语法 $(":type值 : dom状态")
   • $(:text:disabled) 所有不可用的文本框
   • $(:text:enabled) 所有可用文本框
   • $(:select>option:checked) 所有选中的下拉框

绑定事件

1. 在定位dom后，利用过滤器，对部分对象绑定事件
   • 基本语法 $("选择器"). 事件名称(function(){ })
2. on事件绑定
   • 基本语法 $("选择器").on(事件名称, 事件的处理函数) 事件名称就是js事件去掉on的部分，例如onclick就是click。
   • 可以实现对动态标签的事件绑定

函数

1. val()
   • 无参 返回第一个jquery对象的值
   • 有参 将所有jquery对象的值设为参数
2. text()
   • 无参 返回jquery对象的文本值连接的字符串
   • 有参 将jquery对象的文本值设置为参数
3. attr()
   • 一个参 返回第一个jquery对象参数属性的值
   • 两个参 将所有jquery对象的属性值设置为参数
4. remove()
   • 删除父和子所有dom对象
5. empty()
   • 删除子dom对象
6. append()
   • 增加dom对象，参数为html标签字符串
7. html()
   • 无参 获取数组中第一个dom中的文本值，包括加粗等标签
   • 有参 设置所有dom对象的的文本值，包括标签
8. each()
   • 可以对数组、json、dom数组循环处理。 数组、json中的每个成员都会调用一次处理函数
   • $ | jquery对象.each(循环对象, 处理函数) 这里$可以理解成java中的类，each是一个静态函数
   • 处理函数：function(index, emelent) index表示索引，emelent表示循环对象中的元素

ajax