Jquery属性的利用

Posted yanxiaoge

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery属性的利用相关的知识,希望对你有一定的参考价值。

 属性操作:

1、属性
属性(如果你的选择器选出了多个对象,那么默认只会返回出第一个属性)、

attr(属性名|属性值)
- 一个参数是获取属性的值,两个参数是设置属性值
- 点击加载图片示例
removeAttr(属性名)
-删除属性的值
prop(属性名|属性值)
- 属性的返回值的是布尔类型
- 单选,反选,取消的例子
removeProp(属性名)
-删除属性的值

循环:each(两种循环示例)
- $.each(数组/对象, function(i, v){})
- $("div").each(function(){})
CSS类
- addClass 添加类属性
- removeClass 移除类属性
- toggleClass 开关|切换(有就移除,没有就添加)
灯泡的例子
html代码/文本/值
没有参数就是获取对应的值,
有参数就设置对应的值
- .html() 添加html标签 .html("<span>啦啦啦。</span>")
- .text() 添加文本 .text("啦啦啦。")
- .val()
input :一个参数,获取的是input框里面的值
checkbox :一个参数,获取的是value的值
select :
单选:获取值
多选:得到的是一个数组,设置的时候也要是数组
技术图片
 

 jquery中的循环:

技术图片

技术图片

 

以上是关于Jquery属性的利用的主要内容,如果未能解决你的问题,请参考以下文章

Visual Studio 2012-2019的130多个jQuery代码片段。

jQuery应用 代码片段

很实用的JQuery代码片段(转)

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

几个有用的JavaScript/jQuery代码片段(转)

几个非常实用的JQuery代码片段