JavaScript学习 jquery学习7 标签属性的修改
2014-08-08 19:46
309 查看
(1)添加样式:
$("p:first").addClass("main");说明:addClass(“main”)中的main是在css文件中定义的,下面是main的定义:
$("p:first").removeClass("main");(3)这个可以算是前两个方法的一个综合。简单来说就是:如果存在(不存在)就删除(添加)一个类。
$("p:first + p,p:first + p + p").toggleClass("blue");//注意$("xx")中的表示方式:分别表示第二个p和第三个p,是不是很灵活
(4)通过css()获得对应的属性的值:
$("p:first+p").css("color")
(5)通过.css()方法赋值:
$("p:first + p + p + p").css(<span style="color:#ff0000;">"color","#ff0"</span>);
(6)一次赋值多个属性(注意内部的表示方法,与上面的区别一下):
$("p:last").css(<span style="color:#ff0000;">{background:"#000",color:"#fff"}</span>);
(7)查看对应的标签相聚屏幕的位置:
$("p:last").offset().top/left/right
(8)设置标签的宽度:
$("p:first").width(654);
(9)设置标签的高度:
$("p:first + p").height(345);
(10)查看对应标签的高度和宽度:
$("p:first").width()
$("p:first + p").height()
$("p:first").addClass("main");说明:addClass(“main”)中的main是在css文件中定义的,下面是main的定义:
.main{color:#0f0;}(2)删除样式:
$("p:first").removeClass("main");(3)这个可以算是前两个方法的一个综合。简单来说就是:如果存在(不存在)就删除(添加)一个类。
$("p:first + p,p:first + p + p").toggleClass("blue");//注意$("xx")中的表示方式:分别表示第二个p和第三个p,是不是很灵活
(4)通过css()获得对应的属性的值:
$("p:first+p").css("color")
(5)通过.css()方法赋值:
$("p:first + p + p + p").css(<span style="color:#ff0000;">"color","#ff0"</span>);
(6)一次赋值多个属性(注意内部的表示方法,与上面的区别一下):
$("p:last").css(<span style="color:#ff0000;">{background:"#000",color:"#fff"}</span>);
$("p:last").css(<span style="color:#ff0000;">{"margin-left":"100",color:"#fff"}</span>);
(7)查看对应的标签相聚屏幕的位置:
$("p:last").offset().top/left/right
(8)设置标签的宽度:
$("p:first").width(654);
(9)设置标签的高度:
$("p:first + p").height(345);
(10)查看对应标签的高度和宽度:
$("p:first").width()
$("p:first + p").height()
相关文章推荐
- javascript和jquery修改a标签的href属性
- javascript和jquery修改a标签的href属性
- javascript和jquery修改a标签的href属性
- JavaScript DOM学习笔记之标签属性
- JavaScript学习笔记8-jQuery属性过滤选择器、子元素过滤选择器深度解析
- javascript和jquery修改a标签的href
- jquery动态修改标签onclick属性
- jquery修改标签属性,attr方法使用
- Jquery学习笔记: attr和 prop的区别,以及为html标签自定义属性
- 在javascript或者jQuery中绑定按钮点击事件,和在HTML 标签中直接调用onclick属性有什么区别?
- 用JavaScript修改HTML标签属性
- 用JavaScript修改HTML标签属性
- jQuery和js一些标签属性的获取和修改方法以及区别
- 使用jQuery筛选排除元素以修改指定标签的属性
- 从零开始学_JavaScript_系列(七)——jquery(复选框及互斥、div块、修改css、标签数组、ajax连续加载)
- JavaScript学习笔记8-jQuery表单对象属性过滤
- 用JavaScript修改HTML标签属性
- javascript学习——script标签的属性
- 菜鸟的jquery学习笔记,jquery添加删除html标签属性:2011-12-19
- jQuery基础学习(3)(获取标签属性,动态添加标签)