Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > jQuery Learning 2 Selector Instructions_jquery

jQuery Learning 2 Selector Instructions_jquery

WBOY
Release： 2016-05-16 18:35:23
Original
1198 people have browsed it
1. Use basic CSS selectors:
a: Match all link elements.
#*: Matches elements with id *
.*: Matches elements with CSS class *
a#*id.*class: Matches links with id *id and has CSS class *class element.
The above is how it is written in CSS, wrapped in $("") in jQuery, such as: jQuery("p a.Class")

Use sub-selectors, container selectors and attribute selection Take the following as an example:
Copy code The code is as follows:



If you want to select all the links in the first list
  • , you should use the sub-selector: ul.myList > ; li >a and not like this ul.myList li a because all these links are descendant nodes of list
  • elements.
    Child selector: parent node and direct child node are pointed to the right separated by brackets (>).
    Attribute selector: Wrap elements that match specific content. For example, select a link containing an href value starting with http://: a[href^=http://]
    input[type=text]: Match all elements
    whose type attribute is text div[title=^my]: Matches all
    • Related labels：
    jquery Selector
    source：php.cn
    Previous article：How to use SyntaxHighlighter to implement HTML highlighting code_javascript skills Next article：JS method for selecting tree data nodes of TreeView control (jquery)_jquery
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Latest Articles by Author
    Latest Issues
    Submit form without button using Javascript/Jquery I'm trying to submit a form without a button by calling a JavaScript function and executin...
    From 2024-04-06 14:54:03
    0
    2
    421
    How to retrieve values ​​of unselected rows in HTML data table using jquery I'm trying to get the value of all rows where the button was not clicked. For example, whe...
    From 2024-04-05 09:26:49
    0
    1
    1418
    Need a jquery script to move selected options from a select box based on the end user's current selection I have an HTML page where the end user can rank our items via a select box element. See th...
    From 2024-04-04 18:40:04
    0
    1
    3528
    I've created an element in pure CSS via bookmarks. It is created but not visible My code is as follows: g=document.createElement('div');g.setAttribute("id","...
    From 2024-04-04 17:27:27
    0
    1
    417
    Unable to send form data on Safari/Firefox iOS This works on all platforms except Safari/Firefox on iOS: jQuery("#gform_1").one...
    From 2024-04-04 12:53:48
    0
    1
    303
    Related Topics
    More>
    Popular Recommendations
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template