JQuery

DOM选择器

jQuery 选择器可以对 HTML 元素组或单个元素进行操作。

常用基础选择器

********************==基础选择器==******************************
$("#id")  # 查找 ID 为"myDiv"的元素
$("div")  # 根据给定的元素标签名匹配所有元素
$(".MyClass")  # 查找所有类为MyClass的元素
$("*")  #  找到每一个元素
$("div,span,p.myClass")  # 合并返回元素
$("form input")  #  找到form表单中所有的 input 元素
$("form > input")  #  匹配表单中所有子级的input元素（仅下一级）
$("label + input")  # 匹配所有跟在lable后面的input元素（后面所有）
$("form ~ input")  #  找到所有与表单同辈的 input 元素（同一级）
$('li:first')  #  获取匹配的第一个元素
$('li:last')  #  获取匹配的最后一个元素
$("input:not(:checked)")  # 查找所有未选中的元素
$("tr:even")  #  匹配所有索引值为偶数的元素，从 0 开始计数
$("tr:odd") #  匹配所有索引值为奇数的元素，从 0 开始计数
$("tr:eq(1)")  #  匹配一个指定索引值的元素
$("tr:gt(0)")  #  匹配所有大于给定索引值的元素
$("tr:lt(2)")  #  匹配所有小于给定索引值的元素

结合属性值的选择器及相关处理

$("div:contains('John')")
$("td:empty")
$("div:has(p)").addClass("test");
$("td:parent")
$("tr:hidden")
$("tr:visible")
$("div[id]")
$("input[name='newsletter']").attr("checked", true);
$("input[name^='news']")  # 匹配给定的属性是以某些值开始的元素
$("input[name$='letter']")  # 匹配给定的属性是以某些值结尾的元素
$("input[name*='man']")  # 匹配给定的属性是以包含某些值的元素
$("input[id][name$='man']")
$("ul li:first-child")  #  可匹配多个子元素
$("ul li:last-child")
$("ul li:only-child")  # 如果某个元素是父元素中唯一的子元素，那将会被匹配
$(":radio")  # 匹配type类型为radio(表单选择器)

Ajax函数

介绍Ajax函数的使用方式，函数的参数表示请求的url，请求的方式、参数值等信息。$.Ajax( )参数是一个json结构。

$.ajax（{名称：值，名称：值，...}）
$.ajax({
       async:true,  # true表示异步请求，可以默认。
       contentType:"application/json",  # 一个字符串，表示浏览器发送服务器的参数的类型
       data :{name:"lisi",age:20},  # 可以是字符串，数组，json
       dataType:"json",  # 表示期望从服务器返回的数据格式
       error：function（）{
           请求发生错误时，执行的函数
       },
       success：function（data）{
           //data就是responseText，是jquery处理后的数据。
       },
       url:"请求的地址",
       type："get"  #  请求的方式，默认是get。
      })

简单的Ajax实例，（级联查询的省市县）