Question

是否有一种简单的方法可以在一个特定的表单上运行JQuery脚本，它的子节点不会影响网站上的其他表单。

目前我将子选择器与任何其他选择器一起使用，但是有一个命令，以下选择器在我的表单的子项中匹配吗？

由于

Answer 1

您可以使用find：

$('#myform').find('.otherclass').css({color: 'red'})

仅在.otherclass内搜索选择器#myform。

并进行了一次小型重构：

var $f = function(selector) { return $('#myform').find(selector); }

您可以使用：

$f('.otherclass').css({color: 'red'})

获取jQuery函数的范围版本。

Answer 2

或者你可以直接使用

$('#myform .otherclass').css({color: 'red'})

您也可以使用上面的syntex添加事件处理程序。防爆。

$('#myform .otherclass').click(function(){
// Some code
}) ;

Answer 3

向下导航DOM层次结构方法描述的方法

children（） - 选择jQuery对象中所有元素的子元素

children（selector） - 选择与选择器匹配的所有元素，以及jQuery对象中元素的子元素

contents（） - 返回jQuery对象中所有元素的子元素和文本内容

find（） - 选择jQuery对象中元素的后代

find（selector），find（HTMLElement），find（HTMLElement []） - 选择与选择器匹配的元素，以及它们的后代 jQuery对象中的元素find（jQuery）

或

关系选择器选择器描述

selector selector - 选择与第二个选择器匹配的元素，它们是第一个选择器匹配的元素的后代

选择器＆gt; selector - 选择与第二个选择器匹配的元素，它们是第一个选择器匹配的元素的子元素

selector + selector - 选择与第二个选择器匹配的元素，并且是与第一个选择器匹配的元素的下一个兄弟

selector_ selector - 选择与第二个选择器匹配的元素，以及与第一个选择器匹配的元素（以及之后出现的元素）