一、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常用方法(五)的更多相关文章

  1. ThinkPHP第二十四天(JQuery常用方法、TP自动验证)

    ---恢复内容开始--- 1.JQuery常用方法 A:JS中可以用json格式数据当做数组使用,如var validate={username:false,pwd:false,pwded:false ...

  2. JQuery基本知识汇总;JQuery常用方法;浅入了解JQuery

    一.jQuery对象与JavaScript对象 ①JavaScript入口函数比jQuery入口函数执行的晚一些: JQuery的入口函数会等页面加载完成才执行,但是不会等待图片的加载: JavaSc ...

  3. Jquery 常用方法 及属性

    Jquery   常用方法 及属性 jQuery 事件 鼠标事件 键盘事件 表单事件 文档/窗口事件 click keypress submit load dblclick keydown chang ...

  4. jQuery常用方法(持续更新) jQuery(转)

    0.常用代码: 请容许我在1之前插入一个0,我觉得我有必要把最常用的代码放在第一位,毕竟大部分时间大家都是找代码的. (1)AJAX请求 $(function() { $('#send').click ...

  5. jQuery常用方法(五)-jQuery CSS

    JQuery CSS 方法说明 css( name ) 访问第一个匹配元素的样式属性. css( properties ) 把一个"名/值对"对象设置为所有匹配元素的样式属性. $ ...

  6. jquery常用方法

    一.多个按钮绑定同一事件 $("#index_svip,#index_svip_renew").click(function() { seajs.use(['svipLayer'] ...

  7. Jquery常用方法(转)

    原文:http://www.cnblogs.com/Chenfengtao/archive/2012/01/12/2320490.html jQuery是目前使用最广泛的javascript函数库.据 ...

  8. 从零开始学 Web 之 jQuery(五)操作元素其他属性,为元素绑定事件

    大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...

  9. Jquery常用方法合集,超实用

    转自:十分钟玩转 jQuery.实例大全 一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库. ...

随机推荐

  1. 字符串format()方法的基本使用

    <模板字符串>.format(<逗号分隔的参数>) 其中,模板字符串是一个由字符串和槽组成的字符串,用来控制字符串和变量的显示效果.槽用大括号({})表示,对应format() ...

  2. 【mybatis】清空数据库表数据

    <update id="truncateTable"> truncate table ${tableName} </update> <update i ...

  3. Spring Cloud微服务安全实战_3-2_第一个API及注入攻击防护

    1,本节主要讲了sql注入防范,如果使用mybatis,需要注意mapper.xml里面$会造成sql注入风险. 第一个 api 代码:https://github.com/lhy1234/sprin ...

  4. webpack中路径的理解

    webpack 前端打包工具, 开发人员要面对的路径主要是: 打包前的路径(开发环境路径)和打包后的路径(生产环境路径) 在webpack.config.js中配置的output.path, outp ...

  5. ESA2GJK1DH1K基础篇: STM32+Wi-Fi(AT指令版)实现MQTT源码讲解

    前言 注: 本程序发送心跳包,发送温湿度,返回控制数据这三个发送是单独的,有可能凑到一起发. 由于本身程序就是复杂性的程序,所以这节程序没有使用中断发送,没有使用环形队列发送,为了避免多条消息可能凑到 ...

  6. ERROR:Simulator861-Failed to link the design解决办法

    在安装目录下找到collect2.exe文件,删除就可以解决了.D:\install_dir\ISE2\14.7\ISE_DS\ISE\gnu\MinGW\5.0.0\nt\libexec\gcc\m ...

  7. async和await对promise异步方案的改进,以及使用注意事项

    async.await相比原生promise的有优势: 1.更加简洁,await一个promise即可,那么会自动返回这个promise的resolve值,无需在then函数的回调中手动取值,彻底解决 ...

  8. [BUAA软工]gamma阶段贡献分

    Gamma阶段评分 基本公式:贡献度 = 工作量 × 工作的影响力 × 工作的不可替代性 + 对项目有重大意义的idea gamma阶段所有的工作及idea issue/idea/job (repo: ...

  9. linux部署go

    一.下载tar包并解压 yum -y install wget glibc.i686 #后面一个是依赖包,不安装会报错: /lib/ld-linux.so.2: bad ELF interpreter ...

  10. Struts2利用iText导出word文档(包含表格)以提供下载

    J2EE ExcelStrutsXML  在公司实习期间,带我的老师让我实现一功能——在显示课表的页面上上点击“导出文件“时能以word文档形式下载课表.将课表导出到excel里的功能他们已经实现了, ...