公司新闻

返回 您现在的位置 首页 > 公司新闻

公司新闻

jQuery基础教程:样式设置定义和元素位置

时间:2012-04-26 09:00:49    来源:80    点击:80 次

 

jQuery样式的设置与定义。

 

样式设置:
$("Element").addClass("Class")


获得选定元素的HTML代码,假如定义了一个类样式叫做.main{.....},那么可以为p元素这么添加$("p").addClass("main")

$("Element").removeClass("Class")


与上述一样,addClass("main")表示添加样式,此方法则是移除main样式

$("Element").toggleClass("Class")


这个可以算是前两个方法的一个综合。简单来说就是:如果存在(不存在)就删除(添加)一个类。

样式定义:
$("Element").css("name")


表示获得某个元素的css样式,比如$("div").css("color")表示获得此div的字体颜色。

$("Element").css(name,value)


name表示属性名称,value表示值。如果为所有的div设置字体颜色为#f00的话,只需要$("div").css("color","#f00");


$("Element").css({name:"value",name:"value",......})


此方法是为了能够对元素一次性设置多个样式属性,比如我想对所有的p设置字体颜色是红色并且背景颜色是绿色,就用到了此方法$("p").css({color: "#f00", background: "#0f0"}); 当然中括号中项设置几个就设置几个


元素位置:
$("Element").offset()


此方法返回两个整形属性,分别是top和left,此方法只对可见元素有效。

元素宽高:

$("Element").width()


获得某个元素的宽度

$("Element").width("val")


设置某个元素的宽度

$("Element").height()


获得某个元素高度

$("Element").height("val")


设置某个元素的高度
本文作者来自天津求谛互动,转载请注明出处:求谛互动(http://qd218.com)
选择天津网站建设公司-求谛互动,优质服务,绝对不容错过 !
1. 优秀的网络资源,稳定的网站和速度保证
(配送双线独立ip空间,国际A级BGP机房,99.5% 的主机在线时间)
2. 7年天津网站建设经验,优秀的技术和设计水平,更放心
3. 全程省心服务,不必担心自己不懂网络,更省心。
------------------------------------------------------------------------------------------
我们的与众不同之处:
免费网络营销顾问:我们为您提供免费的网络营销顾问服务,您需要了解关于如何开展网络营销,电子商务,网站设计等的事宜,欢迎随时联系我们。
seo友好的网站管理系统:除了优质的网站空间,网站管理系统,和网站设计外,我们的网站管理系统更是seo友好的,包括:自定义栏目名,Google Sitemap自动生成,静态页面生成等等,让您的网站。
免费网络营销培训:如何更好的投放网络广告,如何提高网络广告的投资回报,如何发帖子,
如何优化网站,我们有丰富的经验开放给您!祝君成功!
联系我们:022-66351726