
$(function(){
l=$("div")length;
$("input")click(function(){
for(i=0;i<l;i++){
a=$("div")eq(i)css("z-index");
b=$("div")eq(i)attr("id");
if(a==100){
alert(b)
}
}
})
})<div id="div_1" class="c1" style="z-index:100; position:relative">1<input type="button" name="" value="点我" /></div>
<div id="div_2" class="c1" style="z-index:200; position:relative">2</div>
<div id="div_3" class="c1" style="z-index:300; position:relative">3</div>
<div class="c2"></div>
<div class="c3"></div>
不明白就追问
命名规则主要是要求在同一维度,让同一个团队的成员都能明白的。当然,也有公共命名方式的,例如head,body等等的。
例如,我们做一个DIV+CSS,就板块而言,先划分好:头部,通栏,左栏,右栏,内容区,底部等的大区块。然后,采用统一的命名。
CSS的命名,划分为:排版性区块,功能性区块,列表性区块等
即:排版性:main_head,main_body,main_left,main_right,main_footer;
功能性区块:FL(float-left),FR,将常用的建立类;方便调用;
还有就是列表:list_x(左右排列),list_y(上下排列的);
而div的命名也是按上述方式,先排版,再到功能性的;
比如,头部的<div id="main_head"></div>,如果头部里面的logo,那么main_head_logo等等;
多用类,因为一个div可以同时接受多个类,所以,命名的规则就是需要简单,明确,可读。
(一)主要的:
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
友情链接:friendlink
页脚:footer
版权:copyright
滚动:scroll
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
注册:regsiter
状态:status
投票:vote
合作伙伴:partner
(二)id的命名:
(1)页面结构
容器: container
页头:header
内容:content/container
页面主体:main
页尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
(2)导航
导航:nav
主导航:mainbav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
菜单:menu
子菜单:submenu
标题: title
摘要: summary
(3)功能
标志:logo
广告:banner
登陆:login
登录条:loginbar
注册:regsiter
搜索:search
功能区:shop
标题:title
加入:joinus
状态:status
按钮:btn
滚动:scroll
标签页:tab
文章列表:list
提示信息:msg
当前的: current
小技巧:tips
图标: icon
注释:note
指南:guild
服务:service
热点:hot
新闻:news
下载:download
投票:vote
合作伙伴:partner
友情链接:link
版权:copyright
这是我在经典论坛上整理出来的,平时基本都参照这个命名。
就是在一个元素里有3个div你要获取第一个div的类名??!!
这样用var name=$('div')eq(0)attr('class')
name就是第一个div的class名
要是就几行或几十行代码吧!就根据英文单词就行了。可是要是多了那就不好写了,有时候就直接用汉语拼音或拼音的首字母代替。可是多了吧,自己写的都看不出是什么意思,别说再让程序员调用这些样式了。div+css样式表的id和class的区别:就一句来概括, class可以定义多个值并且可以应用到多个标签上,但id只能是一个。所以就开始查一些相关的div+css样式表id和class的常用命名规则,请大家参考一下:首先讲一下div+css样式表的id的常用命名规则如下表所示:页头header登录条loginBar标志logo侧栏sideBar广告Banner导航nav子导航subNav菜单menu子菜单subMenu搜索search滚动scroll页面主体main内容content标签页tab文章列表list提示信息msg小技巧tips栏目标题title加入joinus指南guild服务service热点hot新闻news下载download注册regsiter状态status按钮btn投票vote合作伙伴partner友情链接friendLink页脚footer版权copyRight实际上上面的div+css样式表的id命名也会经常用大小写和_来区分,比如主导航就是MainNav,如果还有必要在区分就是MainNav_1,MainNav_2等等。也可以使用"类型+变量名称"的规则来命名,比如写一个红色字体的class,可以f_red {}(f是font 字体的缩写)。总之原则是:大小写、_、缩写,大大增强代码的可读性。 再讲一下div+css样式表的class的常用命名规则如下表所示: 外套wrap主导航mainNav子导航subnav页脚footer整个页面content页眉header商标label标题title主导航mainNav边导航sidebar左导航leftsideBar右导航rightsideBar旗志logo标语banner菜单内容menu1Content菜单容量menuContainer子菜单submenu边导航图标sidebarIcon注释note面包屑breadCrumb容器container内容content搜索search登陆login功能区shop当前的current 当然像div+css样式表的id和class的命名远远不止这些,可能还会有更多的命名,你可以用一些通俗的易懂容易理解的一些来命名,如果您有更好的div+css样式表的id和class的命名规则的话,请留言,多多指教
以上就是关于jquery通过CSS属性获取元素ID全部的内容,包括:jquery通过CSS属性获取元素ID、网页DIV+CSS怎么规范命名.详细一定把。比如id、css、div、文件名、不要复制的。谢谢!、div+css怎样命名才能让后台人员看得懂等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)