jquery通过CSS属性获取元素ID

jquery通过CSS属性获取元素ID,第1张

$(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怎样命名才能让后台人员看得懂等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9624214.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存