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库. ...
随机推荐
- ajax中什么时候进success和error
先简单介绍下ajax: 简单的说Ajax请求通过XMLHttpRequest对象发送请求,该对象有四个状态(readyState): -未初始化.-正在初始化.-发送数据.-正在发送数据.-完成. 当 ...
- Tinkoff Internship Warmup Round 2018 and Codeforces Round #475 (Div. 1)
A. Alternating Sum 就是个等比数列,特判公比为 $1$ 的情况即可. #include <bits/stdc++.h> using namespace std; ; ; ...
- c博客作业-数组
0. 1.本章学习总结 1.1学习内容总结 1.1.1一维数组 1.一般定义形式:类型名 数组名 [数组长度];类型名指定数组中每个元素的类型,数组名是数组变量的名称,是一个合法的标识符,数组长度是一 ...
- Mac下Sublime Text常用插件
Mac下Sublime Text常用插件 SideBarEnhancements 右键菜单增强插件 BracketHighlighter 括号.引号.标签高亮插件 Pretty JSON JSON美化 ...
- Spring配置中<bean>的id和name属性
在BeanFactory的配置中,<bean>是我们最常见的配置项,它有两个最常见的属性,即id和name,最近研究了一下,发现这两个属性还挺好玩的,特整理出来和大家一起分享. 1.id属 ...
- 【VS开发】【C/C++开发】关于boost库的C++11导致的undefined符号问题
undefined reference to boost::program_options::options_description::m_default_line_length 问题最终解决依靠的是 ...
- 第八节:Asp.Net Core整合Log4net(官方的、微软的两种)
一. 整合Log4net 1. 简单说明 对于log4net 官方的程序集而言,从2.0.7开始就支持.Net Core了,这里我们采用的是2.0.8,虽然好久没更新了,但不影响使用.Core版本与普 ...
- ElasticSearch中碰到的C10K问题
Elasticsearch基于Netty解决C10K问题背后的原理是JAVA NIO中的IO多路复用机制,涉及到三大"组件":SelectableChannel.Selector. ...
- idea 本地调试,修改代码,代码自动生效
修改1: 修改2: ctrl+shift+a 弹出页面中搜索“registry” 修改3:修改configerations
- Excel批量添加不同的批注
Sub 批量添加不同批注() Dim rng As Range Dim i As String Range("A1:D1").ClearComments For Each rng ...