在 jQuery 中,如果你想使用 :not() 选择器来排除表格行 (tr) 中的多个条件,有几种方法可以实现。
方法一:链式使用多个 :not()
$('tr').not('.class1').not('.class2')
或者:
$('tr:not(.class1):not(.class2)')
方法二:在单个 :not() 中使用多个选择器
$('tr:not(.class1, .class2)')
实际示例
假设你有一个表格,想选择所有不包含 "hidden" 类且不是第一个子元素的行:
$('tr:not(.hidden, :first-child)')
或者排除具有特定属性和类的行:
$('tr:not([data-ignore], .disabled)')
注意事项
选择器之间是"或"的关系,不是"与"...
问题:使用GD库imagettftext()函数时,报“Warning: imagettftext(): Could not find/open font in ”警告 。
解决方案:找了很久,发现是GD库加载字体文件时,需求提供绝对路径,给font路径用realpath()将相对路径转成绝对路径即可。
imagettftext($im,mt_rand(12,14),mt_rand(-30,30),20*$i+10,18,$fontcolor,realpath($fontface),$codex);
imagettftext() 函数是 PHP 中的一个内置函数,用于使用 TrueType 字体将文本写入图像。
句法:
数组 imagettftext($image,float $size,float $angle,int $x,int $y,int $color,string $fontfile,string $text)
参数:此函数接受上述八个参数,如下所...
Event Package: 事件包。一个事件包就是一个附加的规定。这个规定定义了一个对订阅者的通知消息里的状态信息集合。事件包并且在基于本文档约定的框架下定义了扩展的语法和语义,用来描述这些状态信息。 Event Template-Package:事件模板包。事件模板包是一个特殊的事件包,它定义了一组包括他自己在内的可能可以适用于全部事件包的状态集合。 Notification: 通知。通知是通知者发送一个NOTIFY消息给这个消息的订阅者,知会这个订阅者资源的状态。 Notifier: 通知者。通知者是一个ua,他负责产生通知资源状态订阅者的NOTIFY请求,通知者通常接...
not(expr) 返回值:jQuery
概述
删除与指定表达式匹配的元素
参数
exprString, DOMElement, Array<DOMElement>
一个表达式、一个元素或者一组元素
示例
描述:
从p元素中删除带有 select 的ID的元素
HTML 代码:
<p>Hello</p><p id="selected">Hello Again</p>
jQuery 代码:
$("p").not( $("#selected")[0] )
结果:
[ <p>Hello</p> ]
...
hasClass(class) 返回值:Boolean
概述
检查当前的元素是否含有某个特定的类,如果有,则返回true。
这其实就是 is("." + class)。
参数
classString
用于匹配的类名
示例
描述:
给包含有某个类的元素进行一个动画。
HTML 代码:
<div class="protected"></div><div></div>
jQuery 代码:
$("div").click(function(){
if ( $(this).hasClass("protected") )
$(this)
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: -10 })
.animate({ left: 10 })
...
toggleClass(class, switch) 返回值:jQuery
概述
如果开关switch参数为true则加上对应的class,否则就删除。
参数
classString
要切换的CSS类名
switchBoolean
用于决定元素是否包含class的布尔值。
示例
描述:
每点击三下加上一次 'selected' 类
HTML 代码:
<strong>jQuery 代码:</strong>
jQuery 代码:
var count = 0;
$("p").click(function(){
$(this).toggleClass("highlight", count++ % 3 == 0);
});
...
toggleClass(class) 返回值:jQuery
概述
如果存在(不存在)就删除(添加)一个类。
参数
classString
CSS类名
示例
描述:
为匹配的元素切换 'selected' 类
HTML 代码:
<p>Hello</p><p class="selected">Hello Again</p>
jQuery 代码:
$("p").toggleClass("selected");
结果:
[ <p class="selected">Hello</p>, <p>Hello Again</p> ]
...
removeClass([class]) 返回值:jQuery
概述
从所有匹配的元素中删除全部或者指定的类。
参数
class (可选)String
一个或多个要删除的CSS类名,请用空格分开
示例
描述:
从匹配的元素中删除 'selected' 类
HTML 代码:
<p class="selected first">Hello</p>
jQuery 代码:
$("p").removeClass("selected");
结果:
[ <p class="first">Hello</p> ]
描述:
删除匹配元素的所有类
HTML 代码:
<p class="selected first">Hello</p>
jQuery 代码:
$("p&...
addClass(class) 返回值:jQuery
概述
为每个匹配的元素添加指定的类名。
参数
classString
一个或多个要添加到元素中的CSS类名,请用空格分开
示例
描述:
为匹配的元素加上 'selected' 类
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").addClass("selected");
结果:
[ <p class="selected">Hello</p> ]
描述:
为匹配的元素加上 selected highlight 类
HTML 代码:
<p>Hello</p>
jQuery 代码:
$("p").addClass("selected highlight");
结果:
[ <p cl...
:not 返回值:Array<Element(s)>
概述
去除所有与给定选择器匹配的元素
在jQuery 1.3中,已经支持复杂选择器了(例如:not(div a) 和 :not(div,a))
参数
selectorSelector
用于筛选的选择器
示例
描述:
查找所有未选中的 input 元素
HTML 代码:
<input name="apple" />
<input name="flower" checked="checked" />
jQuery 代码:
$("input:not(:checked)")
结果:
[ <input name="apple" /> ]
...
.class 返回值:Array<Element(s)>
概述
根据给定的类匹配元素。
参数
classString
一个用以搜索的类。一个元素可以有多个类,只要有一个符合就能被匹配到。
示例
描述:
查找所有类是 "myClass" 的元素.
HTML 代码:
<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>
jQuery 代码:
$(".myClass");
结果:
[ <div class="myC...
toggleClassName
toggleClassName(element, className) -> HTMLElement
切换 element 的 CSS className(在有和无该类名称间切换),并返回元素本身。
样例
<div id="mutsu" class="apple"></div>
$('mutsu').hasClassName('fruit');
// -> false
$('mutsu').toggleClassName('fruit');
// -> element
$('mutsu').hasClassName('fruit');
// -> true
...
removeClassName
removeClassName(element, className) -> HTMLElement
从 element 中移除参数 className 指定的 CSS 类,返回元素本身。
样例
<div id="mutsu" class="apple fruit food"></div>
$('mutsu').removeClassName('food');
// -> HTMLElement
$('mutsu').classNames();
// -> ['apple', 'fruit']
...
hasClassName
hasClassName(element, className) -> Boolean
判断 element 是否包含参数 className 指定的 CSS 类名称。
样例
<div id="mutsu" class="apple fruit food"></div>
$('mutsu').hasClassName('fruit');
// -> true
$('mutsu').hasClassName('vegetable');
// -> false
getElementsByClassName [不推荐]
getElementsByClassName(element, className) -> [HTMLElement...]
查询 element 下所有具有参数 className 指定的 CSS 类名称的后代节点,并返回一个数组, 数组中的元素已经过 扩展。
在 Prototype 1.6 中,不建议使用 document.getElementsByClassName,因为这个函数的原始实现是返回一个 NodeList,而不是一个 Array。在 v1.6 中,请使用 $$ 或 Element#select 代替。
返回的数组成员按照元素在页面中的顺序进行排列(例如:索引 0 表示 element 的后代节点中具有 CSS 类名称 className 的第一个元素)。
样例
<ul id="fruits"...
classNames [不推荐]
classNames(element) -> Enumerable
返回一个新的 ClassNames 的实例,该实例是一个 Enumerable 对象,用于读写元素的 CSS 类名称。
Element#classNames 已被抛弃。请使用 Element#addClassName、 Element#removeClassName 和 Element#hasClassName 代替。
如果你需要访问 CSS 类名称,并返回一个数组,试试用 $w(element.className)。
事实上,这意味着你可以通过一个 Enumerable 访问元素的 CSS 类名称列表,而不像原生的 className 属性仅只是一个字符串。
在这个方法结束前,返回的 Enumerable 对象已经被扩展了一系列用于处理 CSS 类名的方法:set(className)、 ad...