样式及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. java去掉数字后面的0

    有些财务业务场景是需要把数字多余的0去掉的. 可以这么写 private String getRealData(BigDecimal num) { if (num == null) { return ...

  2. Seconds from winning

    英语沙龙 1. Who winned the game? Answer: It was not Paxton who would hoist the winner's trophy. Paxton h ...

  3. Python语言学习:字符串常用的方法

    python字符串常用的方法 1. find( ):在字符串中搜索指定的值并返回它被找到的位置,如果没有找到,则返回-1 string.find(value,start,end) #value:必需, ...

  4. 【线段树】Interval GCD

    题目描述 给定一个长度为N的数列A,以及M条指令 (N≤5*10^5, M<=10^5),每条指令可能是以下两种之一: "C l r d",表示把 A[l],A[l+1],- ...

  5. VUEJS文件扩展名esm.js和common.js是什么意思

    vue.js : vue.js则是直接用在<script>标签中的,完整版本,直接就可以通过script引用. vue.common.js :预编译调试时,CommonJS规范的格式,可以 ...

  6. 三十五、lamp经典组合搭建

    一.安装mysql数据库 1.1  创建组和用户: 1)groupadd mysql 2)useradd mysql   -g mysql -M  -s  /sbin/nologin 3)config ...

  7. scala编程(八)——函数和闭包

    当程序变得庞大时,你需要一些方法把它们分割成更小的,更易管理的片段.为了分割控制流,Scala 提供了所有有经验的程序员都熟悉的方式:把代码分割成函数.实际上,Scala 提供了许多 Java 中没有 ...

  8. 在服务器搭建git服务器

    服务端操作 安装Git及创建用户组.用户 123 yum install gitgroupadd gitadduser git -g git 禁止用户git登录 修改/etc/passwd文件: 找到 ...

  9. rxjava2 dependency

    <dependency> <groupId>io.reactivex.rxjava2</groupId> <artifactId>rxjava</ ...

  10. Codeforces Roundd #573 (Div. 2)

    D. Tokitsukaze, CSL and Stone Game 题意:有n堆石头,每人每次只能去一颗石子,若轮到当前人没任何一堆石子可以取或当前人取到后剩下有俩堆石子个数相同则当前人输: 给定石 ...