样式及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. sqlite如何避免重复建表(获取已经存在的表)

    找到已经存在的所有表,手动判断是否需要建表 SELECT name FROM SQLITE_MASTER WHERE type='table'ORDER BY name" 建表时sqlite ...

  2. idea 连接mysql报错:Access denied for user 'root'@'localhost'(using password:YES)。

    这两天在idea中开发Web项目时,连接MYSQL数据库,出现问题:Access denied for user 'root'@'localhost'(using password:YES).    ...

  3. Ret2shellcode

    利用原理 ret2shellcode,即控制程序执行 shellcode 代码.一般来说,shellcode 需要我们自己填充.这其实是另外一种典型的利用方法,即此时我们需要自己去填充一些可执行的代码 ...

  4. 在线好用的json转xml超级好用在线json与xml互相转换

    在线好用的json转xml超级好用在线json与xml互相转换 拿走不谢:http://www.yzcopen.com/json/jsonxmlformat

  5. HDU-4553 约会安排(线段树维护连续区间)

    http://acm.hdu.edu.cn/showproblem.php?pid=4553 Problem Description 寒假来了,又到了小明和女神们约会的季节.  小明虽为屌丝级码农,但 ...

  6. topological space

    \(\underline{Def:}\)A topology space \(\mathcal{X}=(\underline{X},\eth_{x})\)consists of a set \(\un ...

  7. single-value grouping |limit grouping|cutpoint grouping|Lower class limit|Upper class limit|Class width|Class mark|rounding error or roundoff error|Histograms|Dotplots|Stem-and-Leaf

    2.3 Organizing Quantitative Data group quantitative data: To organize quantitative data, we first gr ...

  8. Mock相关知识和简单应用

    一.moco的简单应用 moco地址:https://github.com/dreamhead/moco api文档地址: https://github.com/dreamhead/moco/blob ...

  9. python面试--转载

    一, 面的是一家上海的创业公司,地址比较偏远,找了半天,过去的时候还发现他们在搬家,心想,创业公司真不容易啊,什么都要自己来. 期间他问到了我的Python基础知识,我答得支支吾吾,各种不确定,还有被 ...

  10. 使用框架结构之frameset

    首先,我希望在你的目录下,有4个网页,各自显示不同的内容. 如图所示: 1.html显示"火影忍者" 2.html显示"英雄联盟" 3.html显示" ...