1 css操作

2 文本操作

3 属性操作

4 位置

5 尺寸


1、css操作

addClass();// 添加指定的CSS类名。
removeClass();// 移除指定的CSS类名。
hasClass();// 判断样式存不存在
toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加。 css("color","red")//DOM操作:tag.style.color="red"
$("p").css("color", "red"); //将所有p标签的字体设置为红色

2、文本操作

//HTML代码:
html()// 取得第一个匹配元素的html内容
html(val)// 设置所有匹配元素的html内容
//文本值:
text()// 取得所有匹配元素的内容
text(val)// 设置所有匹配元素的内容
//值:
val()// 取得第一个匹配元素的当前值
val(val)// 设置所有匹配元素的值
val([val1, val2])// 设置checkbox、select的值

3、属性操作

//用于ID等或自定义属性
attr(attrName)// 返回第一个匹配元素的属性值
attr(attrName, attrValue)// 为所有匹配元素设置一个属性值
attr({k1: v1, k2:v2})// 为所有匹配元素设置多个属性值
removeAttr()// 从每一个匹配的元素中删除一个属性 //用于checkbox和radio
prop() // 获取属性
removeProp() // 移除属性
因兼容性,checkbox和radio尽量使用特定的prop(),不要使用attr("checked", "checked") <input type="checkbox" value="1">
<input type="radio" value="2">
<script>
$(":checkbox[value='1']").prop("checked", true);
$(":radio[value='2']").prop("checked", true);
</script>

4、位置

offset([coordinates]) //offset方法的参照物是可视窗口
position() //参照物是定位的父亲标签
scrollTop([val])// 获取匹配元素相对滚动条顶部的偏移。
scrollLeft([val])// 获取匹配元素相对滚动条左侧的偏移。
.offset()方法允许我们检索一个元素相对于文档(document)的当前位置。
和 .position()的差别在于: .position()是相对于相对于父级元素的位移。

5、尺寸

height([val|fn])// 取得匹配元素当前计算的高度值(px)
width([val|fn])// 取得第一个匹配元素当前计算的宽度值(px)
innerHeight()//获取第一个匹配元素内部区域高度(包括补白、不包括边框)。
innerWidth()//获取第一个匹配元素内部区域宽度(包括补白、不包括边框)
outerHeight([options])// 获取第一个匹配元素外部高度(默认包括补白和边框)
outerWidth([options])// 获取第一个匹配元素外部宽度(默认包括补白和边框)

最新文章

  1. iOS之数组的排序(升序、降序及乱序)
  2. Linux使用ssh-keygen实现SSH无密码登录
  3. 获取字符串中img标签的url集合(转载)
  4. LeetCode - Balanced Binary Tree
  5. 无法打开内核设备“\\.\Global\vmx86”: 系统找不到指定的文件。您在安装 VMware Workstation 后是否进行了重新引导?
  6. Threading.Tasks.Task多线程 静态全局变量(字典) --只为了记录
  7. 如何通过web查看job的运行情况
  8. Artifacts Gallery - Seahorse Collector, The
  9. 关于JS的一些代码效果图
  10. 一些简单的问题. 2的10次方与k (涉及到b k m的要用乘来解读)
  11. Linux 之 rsyslog
  12. Linux下的数据监控工具
  13. Akka(7): FSM:通过状态变化来转换运算行为
  14. 201521123052 《Java程序设计》 第11周学习总结
  15. (6) MySQL慢查询日志的使用
  16. Object.is()
  17. RabbitMQ常见错误2
  18. R的常用命令
  19. Unity 3D中ToLua-UGUI使用说明、导入Unity流程、制作登陆界面
  20. info replication

热门文章

  1. Rational Rose2007具体安装步骤
  2. rsync for windows 详细使用教程
  3. Codeforces Round #240 (Div. 1)B---Mashmokh and ACM(水dp)
  4. 使用apxs安装apache模块
  5. TFS中如何排除Nuget的Packages文件夹
  6. 【问题记录】MySQL中时间戳转日期格式和Java中时间戳转日期格式偶尔不一致
  7. springMVC集成 -- shiro(配置)
  8. Java(System类,currentTimeMillis())
  9. openCV中 libopencv-nonfree-dev的安装: undefined reference to `cv::initModule_nonfree()&amp;#39;
  10. iOS --发送手机验证码收不到手机验证码