第二章jQuery选择器
发布日期:2021-05-14 13:19:20 浏览次数:12 分类:精选文章

本文共 1600 字,大约阅读时间需要 5 分钟。

jQuery������������������������������������ ��������� ���������-up������ HTML������������(elements)Riskem �� WWWWWW,_SELECTOR__SELECTORS ��������eon percocietorsse_UI dan nodalness managent.

1. Basic selectors

  • Tag selectors: $(���h2���) -> css("color", "red");
  • Class selectors: $(".title") -> css("color", "red");
  • ID selectors: $("#title") -> css("color", "red");
  • Combined selectors: $(���h2,h3,.title,#title���) -> css("color", "red");
  • Global selectors: $("") -> css("color", "red");

2. Tiered selectors

  • Descendant selectors: $("#box p") -> css("color", "red");
  • Child selectors: $("#box > p") -> css("color", "red");
  • Adjacent selectors: (".p2+p") -> css("color", "red");
  • Sibling selectors: (".p2 ~ p") -> css("color", "red");

3. Attribute selectors

  • [name]: Elements with name attribute.
  • [name='name']: Elements where name attribute value is 'name'.
  • [name!=name]: Elements where name attribute value is not 'name'.
  • [name^=na]: Elements where name attribute starts with 'na'.
  • [name~='p2~p'] -> Elements where name attribute is followed by p2 and p elements.

4. Filter selectors

  • li:first: First list item.
  • li:last: Last list item.
  • li:even: Even-indexed list items.
  • li:odd: Odd-indexed list items.
  • li:gt(2): List items after the 2nd one (������0������).
  • li:lt(2): List items before the 2nd one (������0������).
  • li:eq(2): The third list item (������0������).
  • :header: All header tags.
  • :focus: Focused elements.

5. Visibility filters

(selection of elements based on their visibility.)

  • $("[name='text']").focus();
  • $("[name='pass']").val("values");
  • $("#input").val();
上一篇:第四章选择结构(二)
下一篇:jquery动画与事件案例

发表评论

最新留言

哈哈,博客排版真的漂亮呢~
[***.90.31.176]2025年05月01日 03时02分22秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章