样式及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属性操作的更多相关文章

  1. JQuery处理DOM元素-属性操作

    JQuery处理DOM元素-属性操作 //操作元素的属性: $('*').each(function(n){ this.id = this.tagName + n; }) //获取属性值: $('') ...

  2. Jquery选择器大全、属性操作、css操作、文档、事件等

    一.简介   定义  jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库. jQuery对象  jQuery产 ...

  3. jquery 标签中的属性操作

    .arrt() 获取匹配的元素集合中的第一个元素的属性值,或设置每一个元素中的一个或多个属性值. .attr(attributeName) $("em").attr("t ...

  4. select元素选择时间以及jQuery对select的属性操作

    <select class="input04" id="1" name="in_class1" onchange="setc ...

  5. jQuery 选择器 筛选器 样式操作 文本操作 属性操作 文档处理 事件 动画效果 插件 each、data、Ajax

    jQuery jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方 ...

  6. jQuery操作标签--样式、文本、属性操作, 文档处理

    1.样式 2.文本 3.属性操作 全选,反选效果 4.文档处理 操作标签 一.样式操作 样式类: addClass(); // 添加指定的css类名 removeClass(); //移除指定的css ...

  7. jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作 样式 ⑤ 事件 点击变色

    jQuery的min版本和原版功能是一样的,min版主要应用于已经开发成的网页中,而非min版 的文件比较大,里面有整洁的代码书写规范和注释,主要应用于脚本开发过程当中. JQuery是继protot ...

  8. 2016/4/1 jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作 样式 ⑤ 事件 点击变色

    jQuery的min版本和原版功能是一样的,min版主要应用于已经开发成的网页中,而非min版 的文件比较大,里面有整洁的代码书写规范和注释,主要应用于脚本开发过程当中. JQuery是继protot ...

  9. jQuery - 02. 样式表属性操作/类操作、动画、显示隐藏、滑入、淡入、停止动画、节点操作、添加对象、清空节点

    样式表属性操作.css $("div").css({'width':100,'height':100,'background':'red'}); $("div" ...

随机推荐

  1. Downton Abbey

    1. 当女儿以为泰坦尼克号不会沉的时候,父亲用了一个有意思的比喻: - I thought it was supposed to be unsinkable. - Every mountain is ...

  2. springmvc 实现文件上传

    1.添加jar包 <dependency> <groupId>commons-io</groupId> <artifactId>commons-io&l ...

  3. Spring Boot从入门到放弃-Spring Boot 整合测试

    站长资讯摘要:使用Spring Boot 整合测试,对Controller 中某个方法进行测试或者对Service,Mapper等进行测试,不需要运行项目即可查看运行结果是否和期望值相同,Spring ...

  4. PCA|factor extraction|CA

    PCA:主成分分析 相关矩阵,找特征值,找每个特征值对应特征向量,即组成主组成式子: 每个式子指向一个结果y,找一条线将这些y分开.有11个变量就有11个新坐标轴,通过点到直线距离来区分. 信息必须集 ...

  5. windows 环境下Maven私服搭建

    使用Nexus.3.11在Windows环境上搭建1.下载nexus.3.11.zip包https://www.sonatype.com/download-oss-sonatype 下载下来之后,进行 ...

  6. 05 - Tomcat 线程池的配置与优化

    添加 Executor 在server.xml中的Service节点里面,增加executor节点,然后配置connector的executor属性,如下: <Executor name=&qu ...

  7. 吴裕雄--天生自然C语言开发:错误处理

    #include <stdio.h> #include <errno.h> #include <string.h> extern int errno ; int m ...

  8. LeetCode No.121,122,123

    No.121 MaxProfit 买卖股票的最佳时机 题目 给定一个数组,它的第 i 个元素是一支给定股票第 i 天的价格. 如果你最多只允许完成一笔交易(即买入和卖出一支股票),设计一个算法来计算你 ...

  9. 系统学习Javaweb7----JavaScript3

    学习内容: 1.JavaScript语法规则----全局函数 2.JavaScript语法规则----自定义函数 3.BOM对象 3.1BOM对象--消息框 3.2BOM对象--循环定时器 3.3BO ...

  10. 推荐系统之矩阵分解(MF)

    一.矩阵分解 1.案例 我们都熟知在一些软件中常常有评分系统,但并不是所有的用户user人都会对项目item进行评分,因此评分系统所收集到的用户评分信息必然是不完整的矩阵.那如何跟据这个不完整矩阵中已 ...