python学习第十五课 －－jquery 续
jQuery
��续
$(arg).parent().siblings() 当前标签的父标签的兄弟标签，不包括当前标签的父标签
$(arg).parent().siblings().find(‘.abc’) 找到当前标签的父标签的兄弟标签里有abc样式的标签
find() 找出正在处理的元素的后代元素的好方法,找的是子元素
.empty() 删除匹配的元素集合中所有的子节点
:empty 匹配所有不包含子元素或者文本的空元素
<table> <tr><td>Value 1</td><td></td></tr> <tr><td>Value 2</td><td></td></tr> </table> $("td:empty") 会找到 [ <td></td>, <td></td>] |
:parent 匹配含有子元素或者文本的元素
<table> <tr><td>Value 1</td><td></td></tr> <tr><td>Value 2</td><td></td></tr> </table> $("td:parent") [ <td>Value 1</td>, <td>Value 2</td> ]
|
:contains(text) 匹配包含给定文本的元素
<div>John Resig</div> <div>George Martin</div> <div>Malcom John Sinclair</div> <div>J. Ohn $("div:contains('John')") 可以得到 [ <div>John Resig</div>, <div>Malcom John Sinclair</div> ] |
remove([expr]) 从DOM中删除所有匹配的元素。
这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除
$("p").remove(".hello"); 从DOM中把带有hello类的段落删除 <p>Hello</p> how are <p>you?</p> how are <p>you?</p> |
has(expr|ele) 从给定的jQuery对象中重新创建一组匹配的对象。提供的选择器会一一测试原先那些对象的后代，含有匹配后代的对象将得以保留
:has(selector) 匹配含有选择器所匹配的元素的元素
hover() 当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div中的图像），如果是，则会继续保持“悬停”状态，而不触发移出事件
$("td").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);
toggle([speed], [easing ], [fn ])
用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。
如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
speed: 隐藏/显示效果的速度。默认是 "0"毫秒。可能的值：slow，normal，fast。"
easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"
fn:在动画完成时执行的函数，每个元素执行一次。
$('td).toggle(); 鼠标点击，表格会切换显示与隐藏
$("td").toggle(
function () {
$(this).addClass("selected");
},
function () {
$(this).removeClass("selected");
}
); //会在两个事件中切换
表格的一个例子
边框很细的Table
.td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding-left:10px;}
.table{border:solid #add9c0; border-width:1px 0px 0px 1px;}
如果需要td两边都不需要那么亲密的话，就这样写：
.td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 0px;}
.table{border:solid #add9c0; border-width:1px 0px 0px 1px;}
