jquery常用方法总结
取值与赋值操作
$("#ID").val(); //取value值
$("#ID").val("xxx"); //赋值
$("#ID").text(); //相当于取innerText
$("#ID").text(""); //相当于赋值给innerText
$("#ID").html(); //相当于取innerHTML
$("#ID").html(""); //相当于赋值给innerHTML
属性设置
$("#ID").attr(key,value);//取得或设置匹配元素的属性值
显示和隐藏
$("#ID").hide(); //隐藏
$("#ID").show(); //显示
事件处理
$(document).ready(fn);
$("#ID").bind(type,[data],fn); //绑定事件处理器函数
$("#ID").toggle(fn,fn);//注册每次点击时切换要调用的函数
外观效果
$("#ID").addClass(class);//添加样式
$("#ID").removeClass(class);//移除样式
$("#ID").css(name,value);//设置一个样式属性的值
查找和遍历筛选
$("#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();//获得匹配元素集合中每个元素紧邻的一个/所有同辈元素
元素节点操作
$("#ID").wrap(html);//把所有匹配的元素用其他元素的结构化标记包裹起来
$("#ID").empty();//删除匹配的元素集合中所有的子节点
Ajax操作
$("#ID").load(url,[data],[callback]);//载入远程 HTML 文件代码并插入至 DOM 中
//url (String) : 待装入 HTML 网页网址。
//data (Map) : (可选) 发送至服务器的 key/value 数据。
//callback (Callback) : (可选) 载入成功时回调函数。
jQuery.ajax();//返回其创建的XMLHttpRequest对象。只有一个参数,参数是key/value 对象,包含各配置及回调函数信息。
序列化
$("form").serialize();//序列化表格内容为字符串
工具方法(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的指向
jquery常用方法总结相关推荐
- Jquery 常用方法经典总结
Jquery 常用方法: 1.关于页面元素的引用 通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象( ...
- jQuery 常用方法总结
一个优秀的 JavaScript 框架,一篇 jQuery 常用方法及函数的文章留存备忘. jQuery 常见操作实现方式 $("标签名") //取html元素 document. ...
- jQuery常用方法
jQuery常用方法 val():设置或获取选中元素的value值 text():设置或获取选中元素的文本内容(会覆盖之前的文本内容) html():设置或获取选中元素的HTML内容(会覆盖之前的HT ...
- Python学习 Day38 jQuery常用方法03
jQuery常用方法 一.css方法 概述:CSS这个方法是JQ框架给我们提供的,它主要的作用是可以设置匹配节点行内样式 CSS方法是JQ框架提供的,给匹配节点添加行内样式 JQ支持链式语法:从左到右 ...
- jQuery——常用方法
$的作用 1.$其实就是一个函数名,是jQuery的所缩写 2.$可以作为选择器,获取DOM对象对应的jQuery对象 3.$可以将一个DOM对象,转换成一个jQuery对象 4.事件中的this,指 ...
- jQuery常用方法汇总
常用方法索引: 1.JQuery自执行函数(三种) 2.text() html() val() 3.css() 4.get() 非ajax用法 5.parent() c ...
- jQuery常用方法一览
Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test ...
- 前端那些事之原生js实现jquery常用方法
2019独角兽企业重金招聘Python工程师标准>>> 原生js封装,实现jquery中常用 方法 //定义一个对象 - 名字是$ var $$ = function() {this ...
- jQuery常用方法(二)-事件
ready(fn); $(document).ready()注意在body中没有onload事件,否则该函数不能执行.在每个页面中可以 有很多个函数被加载执行,按照fn的顺序来执行. bind( ty ...
- JQUERY 常用方法汇总
Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test ...
最新文章
- 【整理】SAP 看板简介
- Spark-shell和Spark-hive的使用
- linux的网络配置
- [linux]服务器apache配置vhost
- 【CSS3】CSS3支持的颜色表示方法大全
- Android 系统(234)---Android 代号、标签和版本号
- Python 格式化字符串
- tensorflow支持python3.7吗_前端开发行业真的会被AI取代吗?
- Exchange Server2010系列之五:再谈邮箱基本管理
- [POI2014]Freight
- VS code 离线安装插件的方式(超简单)
- 解决使用Glide加载图片背景出现浅绿色
- 有创意的思维导图要怎样绘制
- 华为设备接口视图_华为交换机的三种视图
- 文字图片滚动 jquery 实现代码
- 【Python】已知一张图片中的框图坐标,切割出目标框图(单个)
- 继承 extends
- 牛客编程巅峰赛S1第2场 - 青铜白银
- FANTOM5:人类增强子数据库
- python 无头模式_搭建谷歌浏览器无头模式抓取页面服务,laravel-php-python-docker !!!...
热门文章
- python代码自检工具 flake8简单介绍
- 工作学习日记 后端问题
- git 删除远程分支报错error: unable to delete ‘origin/xxx‘: remote ref does not exist
- SonarQube+jenkins-自动化持续代码扫描
- c语言自动获取系统时间,C语言中如何获取系统时间?
- 编译ColmapForSat遇到的问题
- 优雅的重启php-fpm
- git 思考 -- 个人开发者与团队开发有何不同
- Java访问权限修饰符
- 手机编写python脚本_Python 脚本利用adb 进行手机控制