jQuery获取标签属性值(一)
1、box-shadow属性可以设置盒子阴影的效果其参数为:
box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow | 必需的。水平阴影的位置。允许负值 |
v-shadow | 必需的。垂直阴影的位置。允许负值 |
blur | 可选。模糊距离 |
spread | 可选。阴影的大小 |
color | 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表 |
inset | 可选。从外层的阴影(开始时)改变阴影内侧阴影 |
2、超链接的触发选择器的不同类型
a:link {color:green;}激活的
a:visited {color:green;}已访问的
a:hover {color:red;}未访问的
a:active {color:yellow;} 鼠标悬停的
3、手风琴案例分析
利用HTML结构将图片放置到一个容器内利用定位 让一个img在li中隐藏,在样式修改时利用淡入淡出的效果使其出现或者消失,// 当鼠标触发事件源让盒子的width变为能装下一个大盒子的size,寻找到类为small的盒子让其淡入,与此同时让其父兄弟为big类的盒子淡出, // 触发激活事件的同时我们还需要对li的兄弟级全部实现大图淡出小图淡入的效果
4、prop()方法设置获获取标签本身固有的属性
1.获取属性语法
prop("属性")
⒉.设置属性语法
prop("属性"∵"属性值"")
5、jQuery change() 方法
当 <input> 字段改变时警报文本改变值:
$("input").change(function(){
alert("文本已被修改");
});\
$(function(){
$("input").change(function(){
console.log( $(this).prop("checked"));
})
});
6、获取元素自定义属性值att()方法
1、获取自定义属性语法
attr("属性") // 类似于原生当中的getAttribute()方法
2、设置属性语法
attr("属性","属性值") //类似原生当中的setAttribute()方法
7、h5新增获取元素新方法
data()方法去获取元素,以及修改元素内容
8、数据缓存data()方法
data()方法可以在指定的元素上存取数据,并不会修改DOM元素结构。一旦页面刷新,之前存放的数据都将被移除。
不修改dom元素结构就不会在标签的当中具体的体现出来
返回的是数字型
jQuery获取标签属性值(一)相关推荐
- xpath获取标签属性值
html <a href='www.some.com'><span>hello </span>world</a> #获取a标签下的文本 xpath(&q ...
- python获取标签属性值_Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释
更多python教程请到: 菜鸟教程www.piaodoo.com 人人影视www.sfkyty.com 16影视www.591319.com 星辰影院www.591319.com 一.Tag(标签) ...
- JS 获取标签属性值的方法
1.取值 方法一 自定义属性必须用getAttribute()方法 var iframeSrcAttr = document.getElementById("importJsp") ...
- Jquery 获取元素属性值
获取属性 获取内置属性 获取自定义属性 prop( 'value name','value') attr('value name','value') jquery中内置属性只能用来获取内置 自定义只能 ...
- jQuery获取、设置标签属性值
jQuery获取.设置标签属性值 jQuery提供了两种方法: attr():传入一个参数获取某属性值,两个参数:修改某属性值,返回参数的值(不推荐操作checked.readOnly.selecte ...
- jquery获取radio的值,a标签传值
jquery获取radio的值: var_name = $("input[name='radioname']:checked").val(); a标签传值: <a href= ...
- 使用onclick()事件以及this获取当前标签属性值的问题
使用onclick()事件以及"this"获取当前标签属性值的问题 代码: 效果图: 进行操作时点击对应的button需要获取其对应的id值,类.ID选择器并不适用与获取动态的数据 ...
- 获取 html class属性,jquery获取class属性的值
jquery获取class属性的值的方法:首先创建一个前端示例文件:然后通过"$('#demo').attr('class');"或者"$('#demo')[0].cla ...
- php xml获取标签属性,php获取xml属性值
php获取xml属性值 $dom = new DOMDocument(); if (!$dom->load('attr.xml')) { echo "load books.xml fa ...
最新文章
- linux限制单个用户使用,linux下限制用户使用系统资源
- urllib2.URLError: urlopen error [Errno 111] Connection refused
- wpf textbox能扫描不能手输_3D扫描仪性能怎么样 3D扫描仪价格介绍【详解】
- 手写一个简化版Tomcat
- 转:WPF中图形表示语法详解(Path之Data属性语法)
- java重新连接tcp,如何处理TCP客户端丢弃和重新连接
- python协程,asyncIO
- 浅谈贪吃蛇的创新玩法
- CentOS7修改主机名称(hostname)总是不成功的原因及解决办法
- 如何linux删除文件夹,Linux系统下如何删除文件夹
- mc无可用java_新人求助,MC无法打开,内存java均无问题
- ISM频段ZigBee传输距离的估算
- Redisson(2-2)分布式锁实现对比 VS Java的ReentrantLock之带超时时间的tryLock
- 二维彩虹产品功能更新(H5编辑二维码)
- Web前端开发培训之41个JavaScript实用技巧
- 数字标牌行业嵌入式主板方案
- web端同一账户同时登陆踢掉前一个登录的用户
- 网络编程------IP地址,端口号,套接字,网络字节序
- linux中 ex是什么命令,Linux ex命令
- 影像边缘提取源码_影像学和放射学为行业采用开放源码铺平了道路