JQuery contains的选择器

2016-02-19 13:05 8 1 收藏

下面请跟着图老师小编一起来了解下JQuery contains的选择器，精心挑选的内容希望大家喜欢，不要忘记点个赞哦！

【 tulaoshi.com - Web开发】

contains选择符

contains选择符是指对象中包括指定内容的对象本身，如:$('td:contains("abcd")').addClass('highlight');则是找到所有包含“abcd”这样内容的单元格，设置这些单元格的样式类型添加“highlight”类。

下面的代码，运行后，需要刷新下，以便加载jquery

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

jQuery中有两个有用的自定义选择符:odd和:even。如以下代码可以设置表格的奇、偶数行有不同的风格：
代码如下:
$(document).ready(functioin() {

　　$("tr:odd").addClass("oddstyle");

　　$("tr:even").addClass("evenstyle");

});

其中，tr:odd则选中表中的所有奇数行，然后添加样式oddstyle；tr:even则选中表中的所有偶数行，然后添加样式evenstyle。当然oddstyle这样式和evenstyle样式必须先在css文件中定义出来。

来源:https://www.tulaoshi.com/n/20160219/1602928.html

上一篇：使用win7系统怎么样才能QQ聊天、听歌同时进行
下一篇：关机代码

看过《JQuery contains的选择器》的人还看了以下文章更多>>

jQuery入门[2]－选择器

标签： Web开发

jQuery之所以令人爱不释手，在于其强大的选择器表达式令DOM操作优雅而艺术。 jQuery的选择符支持id,tagName,css1-3 expressions,XPath，参见： http://docs.jquery.com/Selectors DEMO: Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->!DOCTYPE html PUBLIC "-/...

jquery CSS选择器笔记

标签： Web开发

去年我学jQuery的时候，曾经做过一点选择器（selector）的笔记。这几天拿出来看了一下，发现很多都忘记了。所以，我决定把它们贴在这里，方便以后查看。这对其他朋友应该也是有用的，毕竟选择器是制作网页效果的第一步。笔记分为两个部分，今天是CSS的选择器，以后还有一部分xPath的选择器。今天的笔记中包括44个选择器，基本涵盖了CSS 2...

jQuery Selector选择器小结

标签： Web开发

//jQuery 选择器 $ //$(expression,[context]) return jQuery //Unit One //expression 之 CSS 定义符就是以CSS语法表示所要选择的元素 // $("*"); // 表示页面所有元素标签 // $("th, td") // 表示所有thtd元素标签 // $("a") // 表示所有a元素标签 // $("div#onlydiv"); // 表示CSS选择中id=onlyidv的元素 $("#ID")为全文档匹配 // ...

jQuery 树形结构的选择器

标签： Web开发

DOM结构其实也是一种树形结构，jQuery提供的树形选择器可以用来选择DOM Tree里的节点。这些树形选择器的方法包括：children(), parent(), parents(), next(), prev(), siblings(). 选择某个元素的"孩子" - children() 代码如下： ul id="parent" li id="son1"第一列/li li id="son2"第二列/li li id="son3"第三列/li /ul $("#parent"...

jQuery温习篇强大的JQuery选择器

标签： Web开发

在jQuery出世以来，它取得很大的成就和认同。JQuery是一个轻量级的JavaScript框架，它的发布版很小仅16K左右。它能让你方便简洁的写出漂亮的动画效果、实现各种视觉效果，轻松的处理JavaScript的DOM数以及Ajax的交互行为。它的优点在于轻量级、简单易学、易扩展、跨浏览器和网上拥有大量的jQuery插件使用。由于它这一大堆的优点，它已经被微软...

查看更多精彩>>