Question

假设文档中有两个p标记。当 onMouseOver 事件发生时，我想使用 jQuery 调用两种不同的效果。这两个p标签是否有必要给出ID。如果不给这些标签提供ID，是不是可以实现？

Answer 1

您没有拥有来提供id的任何内容，但这是唯一标识元素的最佳方式。

您可以通过类来识别：

$(".myClass")

按属性：

$("[src='image.jpg']")

按父母的位置：

$("p:eq(2)")

documentation

中提供了完整的选择列表

Answer 2

$('p:first'); // first p tag
$('p:last'); // last p tag
$('p').eq(1); // exactly the second p tag

Answer 3

有几种方法可以选择元素/元素：

$('.classname')

$('#id')

$('tagname')

$('[attr="value"]')

等

Answer 4

尽管jQuery允许您编写更快更简单的脚本，但不幸的是它让您永远无法理解真正的JavaScript。

$("*") //selects all elements.

$(":animated") //selects all elements that are currently animated.

$(":button") //selects all button elements and input elements with type="button".

$(":odd") //selects even elements.

$(":odd") //selects odd elements.$("p") selects all <p> elements.

$("p.intro") //selects all <p> elements with class="intro".

$("p#intro") //selects the first <p> elements with id="intro".

$(this)     //Current HTML element
$("p#intro:first")  //The first <p> element with id="intro"
$("p:eq(2)")        // The third <p> element in the DOM
$(".intro")     //All elements with class="intro"
$("#intro")     //The first element with id="intro"
$("ul li:first")    //The first <li> element of the first <ul>
$("ul li:first-child")  //The first <li> element of every <ul>
$("[href]")     //All elements with an href attribute
$("[href$='.jpg']")     //All elements with an href attribute that ends with ".jpg"
$("[href='#']")     //All elements with an href value equal to "#"
$("[href!='#']")    //All elements with an href value NOT equal to "#"
$("div#intro .head")    //All elements with class="head" inside a <div> element with id="intro"

jQuery - 选择元素cheat sheet

是否需要应用jquery函数？

4 个答案: