javascript - 应用 jquery 函数时需要 Id 吗？

Question

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

Answer 1

您不必提供任何东西id，但它是唯一标识元素的最佳方式。

您可以改为按类识别：

$(".myClass")

按属性：

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

按父级中的位置：

$("p:eq(2)")

文档中提供了完整的选择器列表

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"]')

ETC

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 – 选择元素备忘单