100 次查看
jQuery 的 event.delegateTarget 属性用于返回当前调用的 jQuery 事件处理程序附加到的元素。语法语法如下:event.delegateTarget示例让我们来看一个实现 jQuery event.delegateTarget 属性的例子: $(document).ready(function(){ $("div").on("click", "button", function(event){ $(event.delegateTarget).css("color", "red"); }); }); 演示标题点击下面的按钮更改颜色。 这是一个演示文本。 点击更改颜色 输出这将产生以下输出:以上,点击按钮更改文本颜色:
118 次查看
jQuery 中的 nextAll() 方法用于返回所选元素的所有后续同级元素。示例让我们来看一个实现 jQuery nextAll() 方法的例子: .demo * { display: block; border: 3px solid yellow; padding: 3px; margin: 25px; } .one { border: 2px solid blue; } $(document).ready(function(){ $("span.test").nextAll().addClass("one"); }); 标题一 这是我们在 div 中的演示文本。 子孙 子孙 子孙 子孙 子孙 ... 阅读更多
194 次查看
jQuery 中的 next() 选择器用于返回所选元素的下一个同级元素。语法语法如下:$(selector).next(filter)上述参数 filter 是一个选择器表达式,用于缩小下一个同级元素的搜索范围。示例让我们来看一个实现 jQuery next() 选择器的例子: .demo * { display: block; border: 3px dashed red; padding: 3px; margin: 25px; } .one { border: 2px solid yellow; } $(document).ready(function(){ $("span.test").next().addClass("one"); ... 阅读更多
124 次查看
jQuery 中的 contents() 方法用于返回所选元素的所有直接子元素,包括文本和注释节点。语法语法如下:$(selector).contents()示例让我们来看一个实现 jQuery contents() 方法的例子: $(document).ready(function(){ $("button").click(function(){ $("div").contents().filter("p").wrap(""); }); }); 产品 90% 的产品已售出。 10% 的产品仍在等待发货。 文本节点 输出这将产生以下输出:现在,点击“文本节点”按钮:
151 次查看
jQuery 中的 children() 方法用于返回所选元素的所有直接子元素。示例让我们来看一个实现 jQuery children() 方法的例子: .demo * { display: block; border: 2px solid blue; padding: 10px; margin: 25px; } .one { border: 2px solid yellow; } $(document).ready(function(){ $("div").children().addClass("one"); }); 标题一 这是我们在 div 中的演示文本。 子孙 子孙 子孙 子 子孙 ... 阅读更多
62 次查看
jQuery 中的 add() 方法用于将元素添加到现有的元素组中。语法语法如下:$(selector).add(ele, context)上述 ele 是选择器表达式,而 context 指定选择器表达式应从何处开始匹配。示例让我们来看一个实现 jQuery add() 方法的例子: .one { color: white; background-color: blue; } $(document).ready(function(){ $("h2").add("p").addClass("one"); }); 产品 缺货产品 让我们来看一些产品。 我们有 配件 我们也有 图书,现在... 阅读更多
143 次查看
jQuery 中的 before() 方法用于在选定元素之前插入指定内容。示例让我们来看一个在 jQuery 中实现 before() 方法的例子: $(document).ready(function(){ $("#btndemo").click(function(){ $("img").before("Text inserted before!"); }); }); 插入指定内容 输出这将产生以下输出:点击“插入指定内容”:
187 次查看
jQuery 中的 after() 方法用于在选定元素之后插入指定内容。示例让我们来看一个实现 jQuery after() 方法的例子: $(document).ready(function(){ $("#btndemo").click(function(){ $("img").after("Text inserted after!"); }); }); 插入指定内容 输出这将产生以下输出:点击上面的按钮显示文本:
69 次查看
要添加 jQuery 元素,让我们来看两种方法:jQuery after() 方法jQuery 中的 after() 方法用于在选定元素之后插入指定内容。示例让我们来看一个实现 jQuery after() 方法的例子: $(document).ready(function(){ $("#btndemo").click(function(){ $("img").after("Text inserted after!"); }); }); 插入指定内容 输出这将产生以下输出:点击上面的按钮显示文本:jQuery before() 方法jQuery 中的 before() 方法用于在... 阅读更多
139 次查看
jQuery 中的 #id 选择器用于选择具有特定 id 的元素。语法语法如下:$("#id")示例让我们来看一个实现 jQuery #id 选择器的例子: .one { color: white; background-color: blue; } $(document).ready(function(){ $("#demo").addClass("one"); }); 汽车详情 汽车:雪佛兰探界者 4连杆后悬架 自动紧急制动 燃油箱容量:约 14.9 加仑 输出这将产生以下输出: