jQuery常用方法(五)
一、jQuery中常用方法
相关方法参数说明:
a、无参,获取值
b、参数param,设置值
c、参数function(index,oldVal){}回调函数【返回我们所要使用的新值】
回调函数的两个参数:
1、被选元素列表中当前元素的下标
2、原始(旧的)值
val([param]) 【读取或修改元素value属性的值】
html([param]) 【读取和修改元素的HTML标签里面的内容】
text([param]) 【读取或修改元素的HTML中的纯文本内容】
二、jQuery中的工具方法
get([index]) 【index不能为负值】
无参:返回jQuery类数组对象中的所有DOM节点组成的数组
参数index:返回jQuery类数组对象中指定索引的DOM节点【类似于对数组去取下标获取值】;不存在的索引【包括负值】返回undefined
toArray()
无参:返回jQuery类数组对象中的所有DOM元素组成的数组
eq(index) 【同 :eq(index)】【index可以为负值】
参数index:返回jQuery类数组对象中指定索引的DOM节点【类似于对数组取下标获取值】;
index为负值时,从集合最后一个元素开始倒数,不存在的索引返回undefined
filter() 过滤器函数 【返回满足条件的jQuery类数组对象】
参数 :选择器字符串(原来选择的基础上再进行过滤) 【同 :filter(selector)】
参数: function(index,item){} 匿名函数 【与数组过滤器函数用法类似】
匿名函数参数:
index:DOM对象在jQuery类数组对象中的索引
item:jQuery类数组对象中单个的DOM对象
map()
该方法特别适用于获取或设置元素集合中的满足返回条件的值;参数function(index,item){}回调函数
each() 遍历一个jQuery对象,为每个匹配元素执行一个回调函数;参数function(index,item){}回调函数
not() 从匹配的元素集合中移除指定的元素 【同 :not(selector)】
first() 获取匹配元素集合中第一个元素,无参数【同 :first】
last() 获取匹配元素集合中最后一个元素,无参数【同 :last】
is() 判断匹配元素是否为:选择器或DOM元素或jQuery对象【返回值为boolean类型】
has() 获取匹配元素中包含has()方法中参数条件的匹配元素组成的jQuery类数组对象 【同 :has(selector)】
slice(start,[end]) 【返回截取jQuery类数组对象中指定的DOM对象组成的jQuery对象集合】【与数组中slice()方法类似】
参数:
一个参数:截取指定索引开始到类数组结束的DOM节点组成的数组
两个参数:截取开始索引到结束索引(不包含结束索引)的DOM对象组成的的jQuery对象集合
如果参数为负数则:使用类数组对象长度+参数 将其转化为正数再截取,这样的结果不会改变
三、jQuery中属性设置函数
attr(key,[val]) 【获取值或设置值】
attr({key:val,key2:val2}) 【为每个匹配元素设置多个属性值】
获取所有匹配的元素中第一个元素的属性的值或设置每一个匹配元素的一个或多个属性
removeAttr(attr)
移除所有匹配的元素的指定元素属性
prop(key,[val]) 【获取值或设置值】
prop({key:val,key2:val2}) 【为每个匹配元素设置多个属性值】 【设置boolean属性值一般使用prop()】
获取所有匹配的元素中第一个元素的属性的值或设置每一个匹配元素的一个或多个属性
相关说明:
a、无法获取自定义属性,但可以获取自身定义的自定义属性(通过prop()方法定义的属性)
b、自身prop()方法定义的属性不会在元素标签中显示出来,但可以通过prop()方法获取得到
c、通过prop可以获取img标签元素的width属性的值,而attr()不能获取
removeProp( propName)
移除所有匹配的元素的指定元素 【只能移除通过prop()方法自定义的属性】
css(key,[val]) 【获取样式属性值或设置样式属性值】
css({key:val,key2:val2}) 【设置多个样式属性值】
获取匹配元素集合中的第一个元素的样式属性的值【字符串类型会带有单位】或设置每个匹配元素的一个或多个CSS属性样式
a、行内样式、内部样式、外部样式中相应样式都可以获取
b、获取的属性中为字符串类型会带有单位等在里面
addClass(className)
为每个匹配的元素添加指定的样式类名
hasClass(className)
确定任何一个匹配元素是否有指定的【样式】类。
removeClass([className])
参数:
有参:移除匹配元素相应的类【样式】
无参:移除匹配元素所有的类【样式】
jQuery常用方法(五)的更多相关文章
- ThinkPHP第二十四天(JQuery常用方法、TP自动验证)
---恢复内容开始--- 1.JQuery常用方法 A:JS中可以用json格式数据当做数组使用,如var validate={username:false,pwd:false,pwded:false ...
- JQuery基本知识汇总;JQuery常用方法;浅入了解JQuery
一.jQuery对象与JavaScript对象 ①JavaScript入口函数比jQuery入口函数执行的晚一些: JQuery的入口函数会等页面加载完成才执行,但是不会等待图片的加载: JavaSc ...
- Jquery 常用方法 及属性
Jquery 常用方法 及属性 jQuery 事件 鼠标事件 键盘事件 表单事件 文档/窗口事件 click keypress submit load dblclick keydown chang ...
- jQuery常用方法(持续更新) jQuery(转)
0.常用代码: 请容许我在1之前插入一个0,我觉得我有必要把最常用的代码放在第一位,毕竟大部分时间大家都是找代码的. (1)AJAX请求 $(function() { $('#send').click ...
- jQuery常用方法(五)-jQuery CSS
JQuery CSS 方法说明 css( name ) 访问第一个匹配元素的样式属性. css( properties ) 把一个"名/值对"对象设置为所有匹配元素的样式属性. $ ...
- jquery常用方法
一.多个按钮绑定同一事件 $("#index_svip,#index_svip_renew").click(function() { seajs.use(['svipLayer'] ...
- Jquery常用方法(转)
原文:http://www.cnblogs.com/Chenfengtao/archive/2012/01/12/2320490.html jQuery是目前使用最广泛的javascript函数库.据 ...
- 从零开始学 Web 之 jQuery(五)操作元素其他属性,为元素绑定事件
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- Jquery常用方法合集,超实用
转自:十分钟玩转 jQuery.实例大全 一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库. ...
随机推荐
- 12-cmake语法-内部变量-系统信息
系统信息 CMAKE_MAJOR_VERSION CMAKE 主版本号,比如 2.4.6 中的 2 CMAKE_MINOR_VERSION CMAKE 次版本号,比如 2.4.6 中的 4 CMAKE ...
- ppt演讲者视图不可用的解决办法
1. 关闭ppt 2. 对着桌面右键,选择:nView Desktop Manager 3. 应用程序--增强--去掉“添加Powerpoint幻灯片显示扩展程序(W)”
- .Net反射在项目中的应用
案例1:项目中可能有多个DAL程序集,每个程序集使用不同的持久化技术或对应不同类型的数据库,但是它们使用同一套接口. 可以在配置文件中配置DAL程序集名称,使用反射加载程序集.创建dal对象. 这样做 ...
- 将python项目.py文件打包成.exe文件
安装pyinstaller包 pip3 install pyinstaller 如果不行 pip3 install pyinstaller -i https://pypi.doubanio.com/s ...
- Layui 表单赋值 编辑页面赋初值
原文:https://blog.csdn.net/yulongxue/article/details/97924591 //编辑 if (id > 0) { $.post("/Hand ...
- makefile通用版本(三)
DIR_INC = ./include DIR_SRC = ./src DIR_OBJ = ./obj DIR_BIN = ./bin DIR_LIB = -Wl,-rpath=/home/exbot ...
- awesome-RecSys
https://github.com/jihoo-kim/awesome-RecSys?fbclid=IwAR1m6OebmqO9mfLV1ta4OTihQc9Phw8WNS4zdr5IeT1X1OL ...
- 浅谈[0,1]区间内的n个随机实数变量中增加偏序关系类题目的解法
浅谈[0,1]区间内的n个随机实数变量中增加偏序关系类题目的解法 众所周知,把[0,1]区间内的n个随机.相互独立的实数变量\(x_i\)之间的大小关系写成一个排列\(\{p_i\}\),使得\(\f ...
- Android Studio 之 ROM【2】, LiveData+ViewModel+AsyncTask+Repository
改造上一节 ROM[1], 1.利用 LiveData<List<Word>> 与 observe 中的 onChanged 配合,删除掉之前的textView更新函数(upd ...
- java web开发入门汇总
servlet 用java语言开发动态资源网站的技术,在doGet方法中拼接显示html,在doPost方法中提交数据.类似于.net的ashx技术. servlet生成的class文件存放在tomc ...