jQuery属性操作总结
jquery属性包括以下几个:
attr(name|pro|key,val|fn)
removeAttr(name)
prop(n|p|k,v|f)1.6+
removeProp(name)1.6+
addClass(class|fn)
removeClass([class|fn])
toggleClass(class|fn[,sw])
html([val|fn])
text([val|fn])
val([val|fn|arr])
1.attr(name|pro|key,val|fn) 的操作方法:
$("img").attr("src","img/0.jpg")//给img添加src属性并给src添加值;
$("input").attr("checked","checked")//也都是可以的
但是有一个例外就是type属性是不可以改变的,可能还有其它的,但是我就是要改变咋办,jquery的强大就体现了他给了我们了另外一种方法那就是prop()方法;接着往下看一会就说说prop的使用方法和attr的区别;
2.removeAttr(name)的使用方法:
$("img").removeAttr("src")//这是把img当中的src属性移除;
$("input").removeAttr("checked")//都是可以的;
3.prop(n|p|k,v|f)1.6+
prop的使用方法和attr是一样但是还是有区别的,第一:prop只支持1.6版本以上的,第二:那就是可以改变type的属性,第三attr是存在兼容性问题的等;所以在改变或添加标签自有的元素最好是使用prop();而自定义标签元素使用attr;
4.removeProp()
这个就不讲了有了上边的几种方法,这个光看名字就知道是什么意思和怎么用了;
5.addClass(class|fn)
$(".div").addClass("show")//这是给class名为div的元素添加了一个show的类
6.removeClass([class|fn])
$(".div").removeClass("show")//这是把class名为div的元素中把一个show的类删掉了
7.toggleClass(class|fn[,sw])
$(".div").toggleClass("show")//这里是class名为div的元素中要是有show的类就删掉没有就加上,是不是很方便可以;
8.html([val|fn])
$("p").html("Hello <b>world</b>!")//这是在p里边添加HTML内容,所以标签是要经过解析了,那最后添加的只有Hello world了
9.text([val|fn])
$("p").text("Hello <b>world</b>")//这是在p里边添加text内容,所以text里边的内容都会添加进去的,Hello <b>world</b>这些会原封不动的加进去;
10.val([val|fn|arr])
$("input").val("hello world!")//这是在input里边添加value值.最后input框中出现的是hello world;和下边的方法是一样结果
$("input").prop("value","hello world")
jQuery中的属性就到这里,没有图片,没有案例,但是面包会有的;
jQuery属性操作总结的更多相关文章
- jquery——属性操作、特殊效果
1. attr().prop() 取出或者设置某个属性的值 <!DOCTYPE html> <html lang="en"> <head> &l ...
- jQuery属性操作
jQuery 的属性操作的核心部分其实就是对底层 getAttribute().setAttributes()等方法的一系列兼容性处理 ...if ( notxml ) { name = name.t ...
- jQuery源代码学习之八——jQuery属性操作模块
一.jQuery属性模块整体介绍 jQuery的属性操作模块分四个部分:html属性操作,dom属性操作,类样式操作,和值操作. html属性操作(setAttribute/getAttribute) ...
- jQuery 属性操作和CSS 操作
如有在jQuery方法中涉及到函数,此函数必定会返回一个数值(函数由于运行次数不同触发一些不同效果) jQuery 属性操作方法(以下方法前些日子学习过,不再赘述) addClass() attr() ...
- python全栈开发day48-jqurey自定义动画,jQuery属性操作,jQuery的文档操作,jQuery中的ajax
一.昨日内容回顾 1.jQuery初识 1).使用jQuery而非JS的六大理由 2).jQuery对象和js对象转换 3).jQuery的两大特点 4).jQuery的入口函数三大写法 5).jQu ...
- jQuery属性操作(四)
通过阅读jQuery为属性操作封装的基本方法和为处理兼容性问题提供的hooks,发现jQuery在属性操作方面并没有做过多的设计,只是处理一下兼容性问题,然后调用基础的DOM操作方法.以下是对JQue ...
- jQuery属性操作(二)
挂载到$上的几个属性操作方法分析,发现属性操作用到了sizzle封装的方法 attr: function( elem, name, value ) { var hooks, ret, ...
- jQuery属性操作(一)
下载了jQuery的UI组件,发现内容还挺多的,还是决定先把jQuery的源码看完一遍之后再涉足UI组件.考虑到队列和动画使用较少,特别是动画,基本开始使用css3完成.因此暂时略过,开始看jQuer ...
- web前端----jQuery属性操作
知识点总结 1.属性 属性(如果你的选择器选出了多个对象,那么默认只会返回出第一个属性). attr(属性名|属性值) - 一个参数是获取属性的值,两个参数是设置属性值 - 点击加载图片示例 remo ...
- Jquery属性操作(入门二)
********JQuery属性相关的操作******** 1.属性 属性(如果你的选择器选出了多个对象,那么默认只会返回出第一个属性). attr(属性名|属性值) - 一个参数是获取属性的值,两个 ...
随机推荐
- hyperscan在低版本系统应用问题
编译环境:centos6.3 32位/64位 由于hyperscan使用许多C++11特性,在低版本系统gcc版本不能编译.后来发现在runtime时也就是hs_scan时只需要依赖libhs_run ...
- 内联元素padding与高度可控的分隔线实例页面
html: <a href="">登录</a><a href="">注册</a> css: a + a:befo ...
- 微信小程序测试策略
一.测试前准备(环境搭建) 1.前端页面 微信Web开发者工具安装.授权测试用的微信号可预览和调试小程序... 可参考此文: 微信Web开发者工具-下载.安装和使用图解 2.管理后台 配置内网测试服务 ...
- JMeter中Ultimate Thread Group插件使用
JMeter下载地址: http://jmeter.apache.org/Ultimate Thread Group插件下载地址: https://jmeter-plugins.org/get/ 一 ...
- maven 使用axis2 client 需要导入的依赖
<dependency> <groupId>org.apache.axis2</groupId> <artifactId>axis2</artif ...
- 解决: Homestead 环境下, yarn install --no-bin-links, NPM run dev, 命令报错
执行以下命令: 1 $ rm -rf node_modules 2 $ yarn config set registry http://registry.cnpmjs.org 3 $ yarn ins ...
- ORA-28000: the account is locked解决
首先使用具有sysdba权限的账户登陆,如sys账户和system账户 新建一个sql窗体,并执行语句解锁被锁定的账户,如我这里sgyw账户: alter user sgyw account unlo ...
- 前端的UI框架
iView 框架 使用场景 iView 主要适合大中型中后台产品,比如某产品的运营平台.数据监控平台.管理平台等,从工程配置.到样式布局,甚至后面规划的业务套件,是一整套的解决方案,所以它可能不太适合 ...
- https://www.cnblogs.com/yudanqu/p/9467803.html
https://www.cnblogs.com/yudanqu/p/9467803.html
- PythonStudy——迭代器 iterator
# 迭代器对象: 可以不用依赖索引取值的容器# 可迭代对象:可以通过某种方法得到迭代器对象 # 迭代器优点:可以不用依赖索引取值# 迭代器缺点:只能从前往后依次取值 可迭代对象 # 可迭代对象:有__ ...