是否有一种简单的方法可以仅在一个特定表单上运行 JQuery 脚本,并且它是子级而不影响网站上的其他表单。
目前我将子选择器与任何其他选择器一起使用,但是是否有一个命令可以让以下选择器在我的表单的子级中匹配?
谢谢
是否有一种简单的方法可以仅在一个特定表单上运行 JQuery 脚本,并且它是子级而不影响网站上的其他表单。
目前我将子选择器与任何其他选择器一起使用,但是是否有一个命令可以让以下选择器在我的表单的子级中匹配?
谢谢
您可以使用查找:
$('#myform').find('.otherclass').css({color: 'red'})
选择器.otherclass
仅在内部搜索#myform
。
并进行了一次小的重构:
var $f = function(selector) { return $('#myform').find(selector); }
您可以使用:
$f('.otherclass').css({color: 'red'})
获取 jQuery 函数的作用域版本。
或者你可以直接使用
$('#myform .otherclass').css({color: 'red'})
您也可以使用上述语法添加事件处理程序。前任。
$('#myform .otherclass').click(function(){
// Some code
}) ;
向下导航 DOM 层次结构的方法 方法描述
children() - 选择 jQuery 对象中所有元素的子元素
children(selector) - 选择与选择器匹配并且是 jQuery 对象中元素的子元素的所有元素
contents() - 返回 jQuery 对象中所有元素的子元素和文本内容
find() - 选择 jQuery 对象中元素的后代
find(selector),find(HTMLElement),find(HTMLElement[]) - 选择匹配选择器并且是 jQuery 对象 find(jQuery) 中元素的后代的元素
或者
关系选择器选择器描述
选择器选择器 - 选择匹配第二个选择器并且是与第一个选择器匹配的元素的后代的元素
selector > selector - 选择匹配第二个选择器并且是第一个选择器匹配的元素的子元素的元素
selector + selector - 选择匹配第二个选择器并且是匹配第一个选择器的元素的下一个兄弟的元素
selector ~ selector - 选择匹配第二个选择器并且是匹配第一个选择器的元素的兄弟(并且出现在之后)的元素