Home > Article > Web Front-end > jQuery selector: detailed use case of parent
jQuery selector: detailed use case of parent
- 黄舟Original
- 2017-06-23 11:31:481208browse
:The definition and usage of the parent selector:
This selector matches elements that contain child elements or text.
Note: Spaces are also considered contained elements.
Grammar structure:
$(":parent")This selector is generally used in conjunction with other selectors, such as Class selector and Element selector, etc. wait. For example:
$("div:parent").animate({width:"300px"})The above code can set the width of a div containing text or elements to 300px.
If not used with other selectors, the default state is to be used with the * selector, for example, $(":parent") is equivalent to $("*:parent").
Example code:
Example 1:
蚂蚁部落 我是文本
The above code can set the width of a div containing text or elements to 300 in a custom animation.
Example 2:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style type="text/css">
div{
list-style-type:none;
width:150px;
height:30px;
border:1px solid red;
}
span{border:1px solid green;}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("*:parent").animate({width:"300px"})
})
})
</script>
</head>
<body>
<div>我是文本</div>
<div></div>
<span>大家好</span>
<button>点击查看效果</button>
</body>
</html>Since the above code does not specify a selector to be used with the :parent selector, it is used with the * selector by default, so the code can contain text and element's width is set to 300px in a custom animated way.
The above is the detailed content of jQuery selector: detailed use case of parent. For more information, please follow other related articles on the PHP Chinese website!