1、attr(name|properties|key,value|fn)  设置或返回被选元素的属性值。

<div class="attr">设置或返回被选元素的属性值。</div><script>$(".attr").html($(".attr").html()+$(".attr").attr("class"));</script>

2、removeAttr(name)  从每一个匹配的元素中删除一个属性

<div class="removeAttr" id="abc">从每一个匹配的元素中删除一个属性</div><script>$(".removeAttr").click(function(){$(this).removeAttr("id");})</script>

3、prop(name|properties|key,value|fn) 获取在匹配的元素集中的第一个元素的属性值。

$("input[type='checkbox']").prop("checked");

4、removeProp(name) 用来删除由.prop()方法设置的属性集

$(".p01").removeProp("disabled");

5、addClass(class|fn) 为每个匹配的元素添加指定的类名。

$("option").addClass("selected");

6、removeClass([class|fn]) 从所有匹配的元素中删除全部或者指定的类。

$("option").removeClass("selected");

7、toggleClass(class|fn[,sw])  如果存在(不存在)就删除(添加)一个类。

$("option").toggleClass("selected");

8、html([val|fn]) 取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。

$('p').html();获取内容

9、text([val|fn]) 取得所有匹配元素的内容。

$('p').text();

10、val([val|fn|arr])  获得匹配元素的当前值。

$("input").val();一般都是用来获取表单元素的

11、css(name|pro|[,val|fn])  访问匹配元素的样式属性。

$("p").css({ "color": "#ff0011", "background": "blue" });

12、jQuery.cssHooks 直接向 jQuery 中添加钩子,用于覆盖设置或获取特定 CSS 属性时的方法,目的是为了标准化 CSS 属性名或创建自定义属性。

(function($) {// first, check to see if cssHooks are supportedif ( !$.cssHooks ) {// if not, output an error messagethrow("jQuery 1.4.3 or above is required for this plugin to work");return;}$.cssHooks["someCSSProp"] = {get: function( elem, computed, extra ) {// handle getting the CSS property},      set: function( elem, value ) {// handle setting the CSS value }};})(jQuery);  目的是为了一些前缀的标准统一化,让设置css时可以直接使用不加前缀就可以兼容。

13、offset([coordinates]) 获取匹配元素在当前视口的相对偏移。

返回的对象包含两个整型属性:top 和 left,以像素计。此方法只对可见元素有效。

var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );

14、position()  获取匹配元素相对父元素的偏移。

var p = $("p:first");
var position = p.position();
$("p:last").html( "left: " + position.left + ", top: " + position.top );

15、scrollTop([val]) 获取匹配元素相对滚动条顶部的偏移。

var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );

16、scrollLeft([val]) 获取匹配元素相对滚动条左侧的偏移。

var p = $("p:first");
$("p:last").text( "scrollLeft:" + p.scrollLeft() );

17、height([val|fn]) 取得匹配元素当前计算的高度值(px)。

 $("button").click(function(){$("p").height(function(n,c){return c+10;});});返回用于设置高度的一个函数。接收元素的索引位置和元素旧的高度值作为参数。

18、width([val|fn]) 取得第一个匹配元素当前计算的宽度值(px)。

$("p").width();

19、innerHeight() 获取第一个匹配元素内部区域高度(包括补白、不包括边框)。

$(".p01").innerHeight();

20、innerWidth() 获取第一个匹配元素内部区域宽度(包括补白、不包括边框)。

$(".p01").innerWidth();

21、outerHeight([options]) 获取第一个匹配元素外部高度(默认包括补白和边框)。

$(".p01").outHeight();

22、outerWidth([options]) 获取第一个匹配元素外部宽度(默认包括补白和边框)。

$(".p01").outWidth();它们都可以传个true,把外边距计算在内

转载于:https://www.cnblogs.com/zhangzhicheng/p/5907003.html

JQ属性和css部分测试相关推荐

  1. js,jq,jquery删除css属性

    属性值是不能删除的,只能改变属性值达到我们想要的效果 1.去掉div的高度 <div style='height:50px' id='height'></div> <sc ...

  2. jq修改class_jQuery如何快速修改class属性和CSS样式

    class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个html元素只有一个class属性.但是class属性的值可以是多 ...

  3. HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】

    w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...

  4. [css] 写出主流浏览器内核私有属性的css前缀

    [css] 写出主流浏览器内核私有属性的css前缀 完善一下: Chrome:Blink内核 -webkit-Safari:WebKit内核 -webkit-Firefox :Gecko内核 -moz ...

  5. 前端:JS/28/CSS DOM动态样式(style对象,style 对象属性与CSS属性的转换),Event DOM,事件对象简介(DOM和IE中的Event对象),实例:点出满天小星星

    CSS DOM动态样式 使用JS操作CSS中的各个属性: JS只能操作或修改行内样式,如:imgObjstyle.border = "1px solid red"; 对于类样式,通 ...

  6. CSS浏览器兼容性的4个解决方案:浏览器CSS样式初始化、浏览器私有属性,CSS hack语法和自动化插件...

    前端是一个苦逼的职业,不仅因为技术更新快,而且要会的东西实在太多了(如果全写出来,那真是一箩筐),更让人头疼的是,还要面临各种适配.兼容性问题. 一直以来都是头痛医头脚痛医脚,没有进行系统的梳理,整个 ...

  7. css view a if属性,uni-app学习笔记(2)view属性控制css样式

    uni-app学习笔记(2)view属性控制css样式 uniapp通过标签属性来改变样式 当鼠标按下去的时候,他会变成这个样式 hover-class="box-active" ...

  8. jQuery 从零开始学习 (三) 属性与css样式

    一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言 无论是通过选择器选取对象, 或者从包装集中删除,过滤元素. 本章将 ...

  9. html clear属性值,clear属性有哪些属性值 CSS clear属性的理解.

    CSS clear是什么属性... 语法: clear : none | left |right | both 参数: none : 允许两边都可以有浮动对象 both : 不允许有浮动对象 left ...

最新文章

  1. python中shutil模块_python文件、文件夹、压缩包处理模块-shutil模块-阿里云开发者社区...
  2. 触发器 :new和 :old的使用
  3. MySQL 语法问题:You can‘t specify target table ‘xxx‘ for update in FROM clause. 原因及解决方法
  4. JavaScript进阶(一)--执行上下文
  5. 容器服务kubernetes弹性伸缩高级用法
  6. php+反序列化方法,PHP序列化反序列化的方法详解
  7. php变量原格式输出,PHP格式化输出打印变量
  8. CopyTranslator v0.0.8 Zouwu RC1 发布
  9. rxjava背压_Android Rxjava :最简单全面背压讲解 (Flowable)
  10. 技术人 | 为什么我们的系统会如此复杂?
  11. 【5】线性反馈移位寄存器
  12. 笔记本电池续航测试软件,电池续航测试和试用总结
  13. Flotherm 2021热仿真分析基础到高级视频教程
  14. 服务器系统咋关机呀,服务器关机详细步骤
  15. VUE自定义指令directive和inserted
  16. nes游戏开发_NES Classic运行Linux,新的0 AD alpha,以及更多游戏新闻
  17. poj 4005 Moles
  18. Cesium本地加载地形(dem高程)数据
  19. Reflected File Download Attack
  20. 加密货币--Cryptocurrency

热门文章

  1. iOS动态部署之RSA加密传输Patch补丁
  2. 我想吐槽“吐槽 Google 换新 Logo 的人”
  3. 成长型公司的存储架构
  4. java,php,asp,asp.net,ror等几种Web技术对比(第一版本)
  5. 奇绩创坛 2021年秋季创业营 反馈:再接再厉
  6. ae这样设置导出比较快 480p比较适合快速看看demo的样子,注意tradeoff
  7. 博弈之 取石子1——6)
  8. 【小松教你手游开发】【面试必读(编程基础)】堆和栈的区别(转过无数次的文章)...
  9. 假日教程-ZStack映像檔系列(TurnkeyLinux Observium)
  10. 老男孩linux培训期中学生作业文档目录展示