jquery常用方法总结

(1)取值与赋值操作

$('.class').val()     //取value值

$('.class').val('')   // 赋值

$('.class').text()   // 相当于取innerText

$('.class').text('')  //相当于赋值innerText

$('.class').html()   // 相当于取innerHTML

$('.class').html('')   // 相当于赋值innerHTML

(2)属性设置

$('.class').attr(key,value)    // 取得或设置匹配元素的属性值

(3)显示和隐藏

$('.class').show()    // 显示

$('.class').hide()     //隐藏

(4)事件处理

$(document).ready(fn)

$('.class').bind(type,[data],fn)    //绑定事件处理器函数

$('.class').toggle(fn,fn)    // 注册每次点击时切换要电泳的函数

(5)外观效果

$('.class').addClass(class)  // 添加样式

$('.class').removeClass(class)   // 移除样式

$('.class').css(name,value)    // 设置一个样式属性的值

(6)查找和遍历筛选

$('.class').map(callback)    // 将一组元素转换成其他数组

$('.class').find(expr)    // 搜索所有与指定表达式匹配的元素

$('.class').children()    //获取匹配元素集合中每个元素的所有子元素

$('.class').parent()     //获取当前匹配元素集合中每个元素的祖先元素

$('.class').parents()    // 获取当前匹配元素集合中每个元素的父元素

$('.class').filter()    // 将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素

$('.class').not()     // 从匹配元素集合中删除元素

$('.class').add()     // 将元素添加到匹配元素的集合中

$('.class').slice()    // 将匹配元素集合缩减为指定范围的子集

$('.class').siblings()    //获得匹配元素集合中所有元素的同辈元素

$('.class').prev() & prevAll()      // 获得匹配元素集合中每个元素紧邻的前一个/所有同辈元素

$('.class').next() & nextAll()     // 获得匹配元素集合中每个元素紧邻的后一个/所有同辈元素

(7)元素节点操作

$('.class').wrap(html)   //把所有匹配的元素用其他元素的结构化标记包裹起来

$('.class').empty()     //删除匹配的元素集合中所有的子节点

(8)Ajax操作

$('.class').load(url,[data],[callback])      //载入远程HTML文件代码并插入至DOM中

// url(String):待装入HTML网页网址

// data(Map): (可选)发送至服务器的key/value数据

// callback(Callback): (可选)载入成功时回调函数

jQuery.ajax()    //返回其创建的XMLHttpRequest对象。只有一个参数,参数是key/value对象,包含各配置及回调函数信息。

(9)序列化

$('form').serialize()   //序列化表格内容为字符串

(10)工具方法(jQuery可以使用¥代替)

jQuery.each(obj,callback)    //遍历对象和数组

jQuery.map()    //修改数据

jQuery.grep()    //数据筛选,返回一个经过筛选后的数组

jQuery.inArray(value,array)   //查找元素的下标

jQuery.merge(array1,array2)    //合并两个数组

jQuery.unique(dom)    //去除重复dom元素

jQuery.makeArray(obj)    // 将类数组对象转换为数组对象

jQuery.trim(str)    //去掉字符串起始和结尾的空格

jQuery.contains(dom1,dom2)    //dom1节点是否包含dom2节点

jQuery.type()    //返回对象的数据类型

jQuery.isArray()     // 是否为数组

jQuery.isEmptyObject()   //是否为使用“{}”或“new object”生成的对象,而不是浏览器原生提供的对象

jQuery.isWindow()     //是否为window对象

jQuery.isXMLDoc()    //判断一个DOM节点是否处于XML文档之中

jQuery.param(object)     //将对象的键值对转化为URL键值对字符串形式

jQuery.proxy()     //调整this的指向    

原文地址:https://www.cnblogs.com/mengyage/p/9548640.html