OOQ

#jQuery #:nth-child() :nth-child() :nth-child() is a selector that selects the an+bth sibling element. grammar $( ':nth-child(an+b)' ) a and b are constants, n is a variable. Non-negative integers (0, 1, 2, 3, ...) are assigned to n in sequence. You can use even, odd instead of an+b. example $( 'ol li:nth-child(2)' ) Selects the second element from the sibling elements of li, which is a child el..

#jquery #:has() :has() :has() is a selector to use when selecting elements that contain a particular element. grammar $( ':has(selector)' ) for example $( 'p:has(span)' ) Select the p element that has a span element. example jQuery Selector - :has() Lorem Ipsum Dolor Sit Amet Select the li element that has the a element as a child element to create a red border.

#jQuery #jQuery selector :even :even :even is a selector that selects even indexed elements. grammar $( ':even' ) for example $( 'p:even' ) Select an even index paragraph. Note that the first element index starts at 0. example 0. Lorem 1. Ipsum 2. Dolor 3. Sit Select even indexed li elements and color them red.

#jQuery :empty : Empty is a selector that selects empty elements with no content. grammar $( ':empty' ) for example $( 'div:empty' ) Select the div element that has no content. example jQuery Selector - :empty Lorem Ipsum Dolor Here is an example of adding an N / A string to a cell that has no table contents.

#jQuery :contains() : contains () is a selector that selects elements that contain a particular string. grammar $( ':contains(text)' ) Keep in mind that it is case sensitive when choosing whether to include strings. for example $( 'p:contains("ab")' ) Select the p element that contains the ab string. example Lorem ipsum dolor sit amet. Aenean nec mollis jb nulla. Phasellus JB lacinia tempus maur..

#jQuery :button : Button is a selector that selects the element whose type is button. grammar $( ':button' ) Selects all elements whose type is button. $( '.xy:button' ) Select an element whose type is button and whose class value is xy. example Italics the text of the element whose type is button, the class value is ab, and the text color of the element whose type is button is red.

#jQuery Using jQuery may conflict with other libraries. There are two causes of collision. 1.Conflict with other libraries 2.Conflicts with other versions of jQuery Let's see how we can prevent collisions in each case. Conflict with other libraries jQuery uses $ as an alias for jQuery. However, if you use $ as a function or variable in other libraries, jQuery may not work properly. The way to pr..

#jQuery Link with HTML document Use a CDN Add the following code to your HTML document. 3.3.1 is the version. If you want to use a different version, change the number. Download and connect Click here to download jQuery. Some files are compressed and some are uncompressed. Then add the following code to your HTML document. Change the path and file name appropriately. use jQuery The following is ..

jQuery .not() .not () selects the selected elements except for a specific selector. grammar .not( selector ) for example $( 'p' ).not( 'p.abc' ).css( 'color', 'green'); Select one that does not have abc in the p element as a class value. example Clicking the button replaces the contents of the li element, which does not have ip as a class value, in red. Click Lorem Ipsum Dolor

jQuery .clone() .clone () clones the selected element. grammar .clone( [withDataAndEvents ] ) for example $( '.ab' ).clone().appendTo( 'h1' ); Duplicate an element that has ab as a class value and put it in the h1 element. example Duplicate the span element and place it inside the h1 tag. Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor. The rendered result is as follows: