zoukankan      html  css  js  c++  java
  • 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的指向    

  • 相关阅读:
    做的一个HTML表白页面
    C语言--乱写C语言
    算法学习-带分数
    算法学习--兰顿蚂蚁
    算法学习---一个博弈问题
    数据结构学习--稀疏矩阵的三元组表示
    【Java初探外篇02】——关于静态方法与实例方法
    【Java初探实例篇01】——Java语言基础
    【教程知识向】——关于环境变量以及配置
    【java初探外篇01】——关于Java修饰符
  • 原文地址:https://www.cnblogs.com/mengyage/p/9548640.html
Copyright © 2011-2022 走看看