js 中选择器调用元素

最新推荐文章于 2024-07-12 08:35:59 发布

qq_36484521

最新推荐文章于 2024-07-12 08:35:59 发布

阅读量673

点赞数

分类专栏： java 文章标签： javascript

本文链接：https://blog.csdn.net/qq_36484521/article/details/53964843

版权

java 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

**********获取父类子类中某个元素

<table>
<tr>
	<td>1</td><td>1</td><td>1</td>
</tr>
<tr>
	<td>1</td><td>1</td><td>1</td>
</tr>
</table>

jquery:

$("tr:gt(0) td:not(:nth-child(1))").click(function(){
	var obj=$(this);
	var tt=obj.parent().children().eq(2);
})

一、jsp 中使用class="content"

$ ( " . content " ) 调用元素

二、jsp 中使用 id="content"

$ ( " # content " )调用元素

三、jsp 中匹配给定的属性是某个特定值的元素

<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />

jquery:

$("input[name='newsletter']").attr("checked", true);

四、jsp 中含有给定属性的元素

<div>
  <p>Hello!</p>
</div>
<div id="test2"></div>

jquery:

$("div[id]")

五、jsp 中匹配所有的单行文本框

<input type="text" />

jquery:

$(":text")



六、jsp 查找每个元素的父元素


<div><p>Hello</p><p>Hello</p></div>
jquery:
$("p").parent()


<div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div>
jquery:
$("p").parent(".selected")
七、jsp 查找DIV中的每个子元素。


<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
jquery:
$("div").children()



<div><span>Hello</span><p class="selected">Hello Again</p><p>And Again</p></div>
jquery:
$("div").children(".selected")
八、获取匹配的第二个元素


<p> This is just a test.</p> <p> So is this</p>
jquery:
$("p").eq(1)


<p> This is just a test.</p> <p> So is this</p>
jquery:
$("p").eq(-2)