1, 隐式迭代,当没有找到控件时,可以按照以下方式处理
$(function () {
var elements = $("#txt1");
if (elements.length <= 0) {
alert("没有找到文本框");
}
elements.mouseover(function () {
alert("移动上来了");
});
});
2,next()获取同辈相邻的下一个元素
$(function () {
$("p").click(function () {
alert($(this).next().text());
});
});
3,nextall() 获取同辈下面的所有元素
$(function () {
$("p").click(function () {
alert($(this).nextAll().text());
});
});
4,nextall() 也可以作为数组使用
$(function () {
$("p").click(function () {
$.each($(this).nextAll("p"), function () { //添加P元素过滤器
$(this).css("background", "red");
});
});
});
5,siblings() 获取所有同辈对象
$(function () {
$("p").click(function () {
$(this).css("background", "blue");
$(this).siblings("p").css("background", "red");
});
});
6,链式编程写法
例子1,$(function(){
$("p").click(function(){
$("p").click(function(){
$(this).css("background","blue").siblings("p").css("background","red");
});
});
});
例子2,$(function(){
$("#table1 td").Html("<image url="~/nostar.jpg" />") //table 下的td元素,如果用#table > td 代表table相邻子集的td元素
.mouseover(function(){});
$("#table1 td").Html("<image url="~/fillstar.jpg" />").nextall().Html("<image url="~/nostar.jpg" />");
});
});