jQuery gets objects based on attributes, content matching, and form element matching_jquery

The specified element contains the id attribute, such as: $("span[id]")

Copy code The code is as follows:

AAA



CCC

DDD< ;/span>

EEE

FFF

The specified element does not contain the id attribute, such as: $("span:not(span[id])") or $("span:not([id])")

Copy code The code is as follows:

AAA

BBB

CCC

DDD

EEE

FFF

contains the id attribute, such as: $(" body [id]")

Copy code The code is as follows:

AAA

BBB

CCC

DDD

EEE

FFF

matches the element value , such as: $("span[name='S2']")

Copy code The code is as follows:

AAA

BBB< ;/span>

CCC

DDD

EEE

FFF

Does not match the element value, such as: $("span[name!='S2']")

Copy code The code is as follows:

AAA

BBB

CCC

DDD

EEE

FFF

The element value starts with ?, such as: $("span[name^='S']")

Copy code The code is as follows:

AAA
BBB

CCC< ;/span>

DDD

EEE

FFF

The element value ends with ?, such as: $("html [name$= '1']")

Copy code The code is as follows:

AAA

BBB

CCC

DDD< /span>

EEE

FFF

The element value contains?, such as: $("body [name*='x']")

Copy code The code is as follows:

AAA

BBB

CCC

DDD

EEE

FFF

Multiple attribute conditions, such as (with id and name starting with "D"): $("body [id][name^= 'D']")

Copy code The code is as follows:

AAA

BBB

CCC

DDD

EEE

FFF

Find contains " AB" span: $("span:contains('AB')")

Copy code The code is as follows:

ABC

ABC

ABC

ABC

Find the div containing "AB" span: $("div span:contains('AB')")

Copy code The code is as follows:

ABC

ABC

< ;span>

ABC

ABC< ;/span>

Find contained span: $("span:has ('b')")

Copy code The code is as follows:

ABC< ;/span>

ABC

ABC

ABC

Find empty span: $("span:empty")

Copy code The code is as follows:

ABC

ABC

ABC

ABC

element) span: $("span:parent")

Copy code The code is as follows: ABC

ABC

ABC

ABC

:hidden and :visible correspond to hidden and displayed elements respectively; below For example, make the displayed ones red and the hidden ones gray.

Copy the code The code is as follows:

111

222

333

444

< ;/html>
<script> <br>$("div:visible").css("color", "red"); <br>$("div:hidden").css("display ", "").css("color", "silver"); <br></script>


Form matching:
:input matching:

:text Matches
:password matches
:radio matches
: checkbox matches
:submit matches
:reset matches
:image matches
:file matches
:button matches
:enabled Matches all available input elements
: disabled Matches all unavailable input elements
: checked Matches all selected checked check boxes and radio buttons
: selected Matches all selected option elements

Related labels：

jquery Attributes

source：php.cn

Previous article：ASP filter array duplicate data function (enhanced version)_javascript skills Next article：jquery URL parameter judgment, determine menu style_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

• What is a NullPointerException, and how do I fix it?
  2024-10-22 09:46:29
• From Novice to Coder: Your Journey Begins with C Fundamentals
  2024-10-13 13:53:41
• Unlocking Web Development with PHP: A Beginner's Guide
  2024-10-12 12:15:51
• Demystifying C: A Clear and Simple Path for New Programmers
  2024-10-11 22:47:31
• Unlock Your Coding Potential: C Programming for Absolute Beginners
  2024-10-11 19:36:51
• Unleash Your Inner Programmer: C for Absolute Beginners
  2024-10-11 15:50:41
• Automate Your Life with C: Scripts and Tools for Beginners
  2024-10-11 15:07:41
• PHP Made Easy: Your First Steps in Web Development
  2024-10-11 14:21:21
• Build Anything with Python: A Beginner's Guide to Unleashing Your Creativity
  2024-10-11 12:59:11
• The Key to Coding: Unlocking the Power of Python for Beginners
  2024-10-11 12:17:31

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>

• What are the jquery plug-ins?
• How to operate json with jquery
• How to delete elements in jquery
• Use of jQuery hover() method
• jquery implements paging method
• Introduction to article tag attributes
• What is a hidden element in jquery
• What is highlighting in jquery