jQuery对象的selector属性用法实例
作者:bea
本文实例讲述了jQuery对象的selector属性用法。分享给大家供大家参考。具体分析如下: 此属性返回传给jQuery的原始选择器,也就是说返回jQuery是用哪个选择器匹配到当前元素。 selector属性可以与context配合使用,用于精确检测选择器查询情况。 语法结构: 代码如下: $("selector").selector 实例代码: 代码如下: <!DOCTYPE html> <html> <head> &
本文实例讲述了jQuery对象的selector属性用法。分享给大家供大家参考。具体分析如下:
此属性返回传给jQuery的原始选择器,也就是说返回jQuery是用哪个选择器匹配到当前元素。
selector属性可以与context配合使用,用于精确检测选择器查询情况。
语法结构:
代码如下:
$("selector").selector
实例代码:
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http:///" />
<title></title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
$("div").text("原始选择器是:"+$("ul li").selector);
})
});
</script>
</head>
<body>
<div></div>
<button id="btn">点击查看实例</button>
</body>
</html>
以上代码使用selector属性可以返回$()用哪个选择器匹配元素。
希望本文所述对大家的jQuery程序设计有所帮助。
有用 | 无用
此属性返回传给jQuery的原始选择器,也就是说返回jQuery是用哪个选择器匹配到当前元素。
selector属性可以与context配合使用,用于精确检测选择器查询情况。
语法结构:
代码如下:
$("selector").selector
实例代码:
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http:///" />
<title></title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
$("div").text("原始选择器是:"+$("ul li").selector);
})
});
</script>
</head>
<body>
<div></div>
<button id="btn">点击查看实例</button>
</body>
</html>
以上代码使用selector属性可以返回$()用哪个选择器匹配元素。
希望本文所述对大家的jQuery程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JavaScript设计模式之单件模式介绍
- 理解javascript回调函数
- JavaScript设计模式之建造者模式介绍
- 如何编写高质量JS代码
- JavaScript设计模式之原型模式(Object.create与prototype)介绍
- javascript中定义类的方法汇总
- js数组的操作指南
- JavaScript设计模式之适配器模式介绍
- javascript+canvas制作九宫格小程序
- JavaScript设计模式之装饰者模式介绍
- 浅谈Javascript Base64 加密解密
- JavaScript设计模式之代理模式介绍
- JavaScript设计模式之外观模式介绍
- JavaScript阻止事件冒泡示例分享
- jQuery中removeData()方法用法实例
- jQuery中data()方法用法实例
- jQuery中index()方法用法实例
- jQuery中get()方法用法实例
- jQuery的context属性用法实例