课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
css是程序员在学习网站开发架构的时候需要重点掌握的一个编程知识,下面我们就通过案例分析来了解一下,css选择符都有哪些常见类型。
CSS选择符包括通配选择符、ID选择符、属性选择符、包含选择符、类选择符等,他们的基本格式为:
通配选择符:$("#ID*")表示该元素下的所有元素。
ID选择符:$("#ID")表示获得指定ID的元素。
属性选择符:$("input[type=text]")表示type属性为text的所有input元素。
包含选择符:$("ullia")表示ul元素下所有的li元素里的所有a元素。
类选择符:$(".Class")表示所有引用Class样式的元素。
当然这些选择符是可以配合使用的比如说:$("#IDinput[type=text]"),这种写法表示指定ID元素下的type属性为text的所有input元素。在JQuery中有些细微的改动都是非常有趣的,比如$("ulli").addClass("Class")和$("ul>li").addClass("Class"),他们显示出来的效果是不同的,一种是将ul下的所有li元素添加样式,二种是将ul下的一个li元素添加样式,具体更多的使用方法可以自行测试。
XPath选择符所涵盖的内容不多,他们的基本格式为:
$("[@title]")表示选择所有元素内属性带有title的元素。
$("[@title^=t]")表示所有属性title值是以t为开头的元素。
$("[@title$=t]")表示所有属性title值是以t为结尾的元素。
$("[@title$=t]")表示所有属性title值是包含t的元素。
XPath选择符和CSS选择符一样,也可以配合使用,可以多个XPath选择符一起使用,也可以和CSS选择符一起使用,所以想要达到你想要的要求用JQuery方法是有很多种的。
自定义选择符是选择以一个冒号(:)开头的一种选择符,说到自定义选择符,那就不说到我们经常用到:gt()、:eq()、:odd、:even,这些是我们常用到的,比如:odd和:even这两个我们通常用他来做有条纹样式的表格,使用方法相当简单,如$("#tabletr:odd").addClass("odd")和$("#tabletr:even").addClass("even")只要简单的使用两行代码就可以制作出我们想要的条纹样式。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。