jQuery 常用函数

第一组

val

操作数组中 DOM 对象的 value 属性

//无参调用，读取数组中第一个 DOM 对象的 value 属性值
$("选择器").val()


//有参调用，对数组中所有 DOM 对象的 value 属性值进行统一赋值
$("选择器").val(值)

text

操作数组中所有 DOM 对象的【文字显示内容属性】

//无参调用，读取数组中所有 DOM 对象的文字显示内容，将得到的内容，拼接为一个字符串返回
$("选择器").text()


//有参调用，对数组中所有的 DOM 对象的文字显示内容进行统一赋值
$("选择器").text(值)

attr

对 val，text 之外的其他属性操作

//【第一种用法】
$("选择器").attr("属性名")：获取 DOM 数组的第一个对象的属性的值

例如：
<img src="img/ex1.jpg" id="img1">
$(function(){
    $("#btn1").click(function(){
        //在这里用 attr 函数
        alert($("img").attr("src")) //输出结果是：img/ex1.jpg
    })
})

//【第二种用法】
$("选择器").attr("属性名","值")：对数组中所有的 DOM 对象的属性设置为新值

第二组

remove

将数组中所有的 DOM 对象及其子对象一并删除

$("选择器").remove()

empty

将数组中所有的 DOM 对象的子对象删除

$("选择器").empty()

append

为数组中所有的 DOM 对象添加子对象

$("选择器").append("<div>我动态添加的div</div>")

html

设置或返回被选中元素的内容（innerHTML）

//无参调用，获取 DOM 数组中的第一个元素的内容
$("选择器").html()


//有参调用，用于设置 DOM 数组中所有元素的内容
$("选择器").html(值)
//设置的标签也会起作用
比如：
    $("选择器").html("我是新的<b>数据</b>")

each

可以对数组、JSON、DOM 数组循环处理。数组、JSON 中的每个成员都会调用一次处理函数（处理函数是自定义的） each 有两种语法。

语法格式1∶

$.each(要遍历的对象,function(index,element){ 自定义函数 })
表示使用 jQuery 的 each，循环数组，每个数组成员都会执行后面的“自定义函数”一次

$∶相当于是 Java 的一个类名
each∶相当于是一个类中的静态方法
静态方法的调用，可以使用 类名.方法名称o
处理函数 function(index,element){函数体}
index，element 都是自定义的形参，名称自定义
【循环普通数组时】
index∶循环的索引/下标。相当于for(int i;;)的 i
element∶数组中的每一个成员，相当于arr[i]
每一个成员都会执行一次【自定义函数】

【循环 JSON 时】
index∶相当于 JSON 中的 key
element∶相当于 JSON 中的 value

【循环 DOM 数组时】
index∶循环索引
element∶DOM 对象

语法格式2∶

jQuery对象.each(function(index,element){ 自定义函数 })
【这种方法就是直接循环一个 DOM 数组，也就是循环 jQuery对象】

AJAX 函数

使用 jQuery 的函数，实现 AJAX 请求的处理没有 jQuery 之前，使用 XMLHttpRequest 进行 AJAX 的处理。有四个步骤。而 jQuery 简化了 AJAX 请求的处理

使用三个函数可以实现 AJAX 请求的处理 1、 $.ajax()：jQuery 中实现 AJAX 的核心函数 2、$ .get()：使用 GET 方式发送 AJAX 请求 3、$.post()：使用 POST 方式发送 AJAX 请求

其中， $.post() 和$ .get() 他们在内部都是调用 $.ajax()

语法格式

$.ajax() 的参数是使用 JSON 格式来传递进去的
$.ajax(
	{
		名称1:值1,
		名称1:值1,
		名称1:值1
	}
)

JSON 结构的参数说明

async：布尔值，表示请求是否异步处理。默认为true（异步）

contentType：发送数据到服务器时所使用的内容类型。例如 contentType:"application/json"。以json格式来发送到服务器

data：规定要发送到服务器的数据，可以是字符串，数组，多数是 JSON

dataType：【期望】从服务器响应的数据类型。jQuery 从 xml，json，text，html

error：如果请求失败，要运行的函数

success(resp)：当请求成功时运行的函数，其中 resp 是自定义的形参名。success 相当于 xmlHttp.readyState==4 && xmlHttp.status==200的时候才会运行函数。

resp 就是 servlet 输出的内容

type：规定请求的类型。GET / POST【默认是 GET】

url：规定发送请求的 url

$.ajax({
        async:true,
        contentType:"application/json",
        data:{
            "name":jack,
            "sex":man
        },
        dataType:"json",
        error:function(){
        },
    success:function(resp){
        // resp 就是 responseText，是 jQuery 处理后的数据
    },
    type:"get",
    url:"资源文件的url"      
})

$.post()的使用

$.post(url,data,function,dataType)

$.get()的使用

$.get(url,data,function,dataType)

jQuery常用函数 (重要)