一、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. encodeURIComponent() 函数可把字符串作为 URI 组件进行编码

    语法 encodeURIComponent(URIstring) 参数 描述 URIstring 必需.一个字符串,含有 URI 组件或其他要编码的文本. 返回值 URIstring 的副本,其中的某 ...

  2. Anaconda3(5-2)程序编辑器 win10下PyCharm安装及配置Pytorch流程

    由于破解和付费问题,不推荐.优先用自带的spyder Win10 下PyCharm安装流程:(1)官网:https://www.jetbrains.com/pycharm/download/#sect ...

  3. [RN] 可播放视频的播放器版本

    可播放视频的播放器版本 "react": "16.6.3", "react-native": "0.57.8", &qu ...

  4. (近万字)一篇文章带你了解HTML5和CSS3开发基础与应用-适合前端面试必备

    作者 | Jeskson 来源 | 达达前端小酒馆 HTML5和CSS3开发基础与应用,详细说明HTML5的新特性和新增加元素,CSS3的新特性,新增加的选择器,新的布局,盒子模型,文本,边框,渐变, ...

  5. a标签设置水平右对齐

      1.情景展示 如上图所示,这其实是一个a标签,如何让它右对齐呢? 2.解决方案 第一步:将行内标签转化成块级元素,即display:block: 第二步:文字右对齐,即text-align:rig ...

  6. [算法模板]Kruskal重构树

    [算法模板]Kruskal重构树 kruskal重构树是一个很常用的图论算法.主要用于解决u->v所有路径上最长边的最小值,就是找到\(u->v\)的一条路径,使路径上的最长边最小. 图片 ...

  7. List 拆分集合与 读写XML配置文件

    有时候会出现需要将一个集合分成所干个集合,依次再对每组集合进行处理,想了想,用 Linq 处理就很方便 ); ).Take(); //第一组 ).Take(); //第二组 ; i < time ...

  8. jvm参数设置实例

  9. Qt 实现超时锁屏

    最近使用Qt实现超时锁屏的功能(工控机触摸屏),当手长时间不触摸屏幕的时候,程序超时会显示锁屏窗口. 一.效果 主窗口超时显示锁屏窗口: 系统窗口超时显示锁屏窗口: 二.实现思路 首先开启一个线程用于 ...

  10. selenium爬虫入门(selenium+Java+chrome)

    selenium是一个开源的测试化框架,可以直接在浏览器中运行,就像用户直接操作浏览器一样,十分方便.它支持主流的浏览器:chrome,Firefox,IE等,同时它可以使用Java,python,J ...