专栏首页专注研发jquery常用方法

jquery常用方法

转:https://blog.csdn.net/yl2isoft/article/details/54427694

取值与赋值操作

$("#ID").val(); //取value值
$("#ID").val("xxx"); //赋值
$("#ID").text(); //相当于取innerText
$("#ID").text(""); //相当于赋值给innerText
$("#ID").html(); //相当于取innerHTML
$("#ID").html(""); //相当于赋值给innerHTML
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

属性设置

$("#ID").attr(key,value);//取得或设置匹配元素的属性值
  • 1

显示和隐藏

$("#ID").hide(); //隐藏
$("#ID").show(); //显示
  • 1
  • 2

事件处理

$(document).ready(fn);
$("#ID").bind(type,[data],fn); //绑定事件处理器函数
$("#ID").toggle(fn,fn);//注册每次点击时切换要调用的函数
  • 1
  • 2
  • 3

外观效果

$("#ID").addClass(class);//添加样式
$("#ID").removeClass(class);//移除样式
$("#ID").css(name,value);//设置一个样式属性的值
  • 1
  • 2
  • 3

查找和遍历筛选

$("#ID").map(callback);//将一组元素转换成其他数组
$("#ID").find(expr);//搜索所有与指定表达式匹配的元素
$("#ID").children();//获得匹配元素集合中每个元素的所有子元素
$("#ID").parent();//获得当前匹配元素集合中每个元素的祖先元素
$("#ID").parents();//获得当前匹配元素集合中每个元素的父元素
$("#ID").filter();//将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素
$("#ID").not();//从匹配元素集合中删除元素
$("#ID").add();//将元素添加到匹配元素的集合中
$("#ID").slice();//将匹配元素集合缩减为指定范围的子集
$("#ID").siblings();   //获得匹配元素集合中所有元素的同辈元素
$("#ID").prev() & prevAll();//获得匹配元素集合中每个元素紧邻的前一个/所有同辈元素
$("#ID").next() & nextAll();//获得匹配元素集合中每个元素紧邻的一个/所有同辈元素
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

元素节点操作

$("#ID").wrap(html);//把所有匹配的元素用其他元素的结构化标记包裹起来
$("#ID").empty();//删除匹配的元素集合中所有的子节点
  • 1
  • 2

Ajax操作

$("#ID").load(url,[data],[callback]);//载入远程 HTML 文件代码并插入至 DOM 中
//url (String) : 待装入 HTML 网页网址。
//data (Map) : (可选) 发送至服务器的 key/value 数据。
//callback (Callback) : (可选) 载入成功时回调函数。
jQuery.ajax();//返回其创建的XMLHttpRequest对象。只有一个参数,参数是key/value 对象,包含各配置及回调函数信息。
  • 1
  • 2
  • 3
  • 4
  • 5

序列化

 $("form").serialize();//序列化表格内容为字符串
  • 1

工具方法(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();//是否为空对象(不含可枚举的属性)。
jQuery.isFunction();//否为函数。
jQuery.isNumeric();//是否为数组。
jQuery.isPlainObject();//是否为使用“{}”或“new Object”生成的对象,而不是浏览器原生提供的对象。
jQuery.isWindow();//是否为window对象。
jQuery.isXMLDoc();//判断一个DOM节点是否处于XML文档之中。
jQuery.param(object);//将对象的键值对转化为URL键值对字符串形式
jQuery.proxy();//调整this的指向

--------------------- 作者:三五月儿 来源:CSDN 原文:https://blog.csdn.net/yl2isoft/article/details/54427694?utm_source=copy 版权声明:本文为博主原创文章,转载请附上博文链接!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • HDFS基础配置

    执行步骤:(1)配置集群(2)启动、测试集群增、删、查(3)执行wordcount案例

    瑾诺学长
  • 单例模式三种模式,饿汉(饥汉)、饱汉(懒汉)、双重锁模式

    今天看某培训机构提供面试题中设计模式部分,对饱汉和饿汉比较感兴趣,就搜了一下,然后误人子弟,然后就觉得有必要记录一下

    瑾诺学长
  • 移动互联网10年,传奇一直在发生

    一位记者问:“这都是哪请来的托,太敬业了!”工作人员只得实话实说:“都是自己来的,我们也没想到。”

    瑾诺学长
  • R语言中dcast 和 melt的使用

    邓飞
  • MyBatis官方文档-SQL 语句构建器类

    Java程序员面对的最痛苦的事情之一就是在Java代码中嵌入SQL语句。这么来做通常是由于SQL语句需要动态来生成-否则可以将它们放到外部文件或者存储过程中。正...

    Java架构师必看
  • python和php哪个容易学

    python和PHP的难易程度并没有明确的界限,如果是零基础的小白,建议学php会好一些,原因大公司小公司创业公司非互联网公司,都会用到php,python都是...

    砸漏
  • C# 正则进阶

    从 .NET Framework 4.5 开始,正则表达式支持在匹配操作中指定超时时间。如果匹配超时,就会抛出 RegexMatchTimeoutExcepti...

    丹枫无迹
  • php提前响应请求继续执行代码(伪异步)

    在很多业务需求中,我们都可能需要先让php给浏览器输出,然后在后台慢慢处理其他不用输出耗时的业务.

    仙士可
  • TCGA的28篇教程-数据挖掘三板斧之ceRNA

    Motivation: 目前一些计算方法都是基于2011年的那个ceRNAs假设,研究lncRNAs和miRNA靶mRNAs之间的竞争关系。但是,当mRNAs脱...

    生信技能树
  • 互联网卫星地图服务比较

    我需要查找美国华盛顿市一座建筑物的资料,顺便就比较了一下互联网上的卫星地图服务。 Google Maps当然是最出名的,除它以外,还有三个网站也提供卫星地图服务...

    ruanyf

扫码关注云+社区

领取腾讯云代金券