jQuery样式及html属性操作
样式及html属性操作
1,行内样式 css();
a:获取样式
元素.css(样式名称);
b:设置单个样式
元素.css("样式名称":"样式值");
c:设置多个样式
元素.css({"样式名称1":"样式值1","样式名称2":"样式值2",...});
d: 带回调函数的
元素.css({样式名称:function(index,value){
index是元素在对象集合中的索引位置
value是原有的样式值
}});
e:操作元素的行内样式
2, css类操作
offset(); 获取匹配元素在当前视口的相对偏移
获取元素位置
元素.offset(); 返回对象包含left与top值
设置元素的位置
元素.offset({left:100,top:100});
position(); 获取匹配元素相对父元素的偏移
获取元素相对于父级的位置
元素.position(); 返回相对于父级的包含left与top值
****scrollTop(); 获取匹配元素相对滚动条顶部的偏移
****scrollLeft();
height(); 取得匹配元素当前计算的高度值
获取元素的高度
元素.height();
设置元素的高度
元素.height(20);
回调函数
元素.height(function(index,height){
index是接受元素的索引值
height是元素的原始高度
});
width(); 取得匹配元素当前计算的宽度值
获取元素的高度
元素.width();
设置元素的高度
元素.width(20);
回调函数
元素.width(function(index,height){
index是接受元素的索引值
height是元素的原始宽度
});
innerHeight(); 获取第一个匹配元素内部区域高度(包括补白、不包括边框)
innerWidth(); 获取第一个匹配元素内部区域宽度(包括补白、不包括边框)
outerHeight(); 获取第一个匹配元素外部高度(默认包括补白和边框)。
outerWidth(); 获取第一个匹配元素外部宽度(默认包括补白和边框)。
3, removeClass(); 从所有匹配的元素中删除全部或者指定的类。一个或多个
addClass(); 为每个匹配的元素添加指定的类名。一个或多个
toggleClass(); 如果存在(不存在)就删除(添加)一个类。
hasClass(); 检查当前的元素是否含有某个特定的类,如果有,则返回true。
*****is(); 根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true
4, html属性操作
attr(); 设置或返回被选元素的属性值。
获取元素属性 元素.attr("属性名称");
设置多个属性
元素.attr({"alt":"","src":""});
设置单个属性
元素.attr("alt","哈哈哈");
属性,回调函数
元素.attr("alt",function(index,oldValue){
第一个参数为当前元素的索引值,第二个参数为原先的属性值
});
prop(); 获取在匹配的元素集中的第一个元素的属性值。
data();
jQuery样式及html属性操作的更多相关文章
- JQuery处理DOM元素-属性操作
JQuery处理DOM元素-属性操作 //操作元素的属性: $('*').each(function(n){ this.id = this.tagName + n; }) //获取属性值: $('') ...
- Jquery选择器大全、属性操作、css操作、文档、事件等
一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库. jQuery对象 jQuery产 ...
- jquery 标签中的属性操作
.arrt() 获取匹配的元素集合中的第一个元素的属性值,或设置每一个元素中的一个或多个属性值. .attr(attributeName) $("em").attr("t ...
- select元素选择时间以及jQuery对select的属性操作
<select class="input04" id="1" name="in_class1" onchange="setc ...
- jQuery 选择器 筛选器 样式操作 文本操作 属性操作 文档处理 事件 动画效果 插件 each、data、Ajax
jQuery jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方 ...
- jQuery操作标签--样式、文本、属性操作, 文档处理
1.样式 2.文本 3.属性操作 全选,反选效果 4.文档处理 操作标签 一.样式操作 样式类: addClass(); // 添加指定的css类名 removeClass(); //移除指定的css ...
- jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作 样式 ⑤ 事件 点击变色
jQuery的min版本和原版功能是一样的,min版主要应用于已经开发成的网页中,而非min版 的文件比较大,里面有整洁的代码书写规范和注释,主要应用于脚本开发过程当中. JQuery是继protot ...
- 2016/4/1 jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作 样式 ⑤ 事件 点击变色
jQuery的min版本和原版功能是一样的,min版主要应用于已经开发成的网页中,而非min版 的文件比较大,里面有整洁的代码书写规范和注释,主要应用于脚本开发过程当中. JQuery是继protot ...
- jQuery - 02. 样式表属性操作/类操作、动画、显示隐藏、滑入、淡入、停止动画、节点操作、添加对象、清空节点
样式表属性操作.css $("div").css({'width':100,'height':100,'background':'red'}); $("div" ...
随机推荐
- Springboot中RestTemplate -- 用更优雅的方式发HTTP请求
RestTemplate是Spring提供的用于访问Rest服务的客户端,RestTemplate提供了多种便捷访问远程Http服务的方法,能够大大提高客户端的编写效率. 我之前的HTTP开发是用ap ...
- 把ngnix注册为linux服务 将Nginx设置为linux下的服务
一.创建服务脚本 vim /etc/init.d/nginx 脚本内容如下 #! /bin/sh # chkconfig: - 85 15 PATH=/web/server/nginx/sbin DE ...
- ubuntu下切换默认的python版本
Ubuntu系统自带python2.7(默认)和python3.5,所以不需要自己安装python.我们可以使用命令python -V或python3 -V来查看默认的python版本. 现在越来越多 ...
- JavaWeb过滤器(Filter)
参考:https://blog.csdn.net/yuzhiqiang_1993/article/details/81288912 原理: 一般实现流程: 1.新建一个类,实现Filter接口2.实现 ...
- Sqlite教程(4) Activity
之前我们已经有了DbHelper.Data Access Object.Configuration. 那麽现在就是由Activity去创建它们,然後就可以存取Sqlite. 架构图表示了它们的关系. ...
- PAT甲级——1058 A+B in Hogwarts
1058 A+B in Hogwarts If you are a fan of Harry Potter, you would know the world of magic has its own ...
- intel windows caffe加速
网址: https://github.com/BeFreeRoad/intel_caffe_windows 将intel caffe从linux平台移植到windows平台. 性能: 在虚拟机上测试可 ...
- java中的赋值
java中的赋值使用符号“=”. 按照java编程思想的解释:它的意思是“取等号右边的值,把它复制给左边”. 当然左边必须是一个明确的,已命名的变量. 基本类型: int a=2; int b=3; ...
- Django学习之路由层
Django请求生命周期 - wsgi, 他就是socket服务端,用于接收用户请求并将请求进行初次封装,然后将请求交给web框架(Flask.Django) - 中间件,帮助我们对请求进行校验或在请 ...
- android电子书App、自定义图表、仿腾讯漫画App、仿淘宝优惠券、3D选择容器等源码
Android精选源码 仿支付宝记账本功能,饼状图:数字键盘 android一款功能完善的电子书应用源码 Android自定义图标库,使用方便,扩展性强 android 3D立体无限旋转容器源码 an ...