jQuery对象的selector属性用法实例


Posted in Javascript onDecember 27, 2014

本文实例讲述了jQuery对象的selector属性用法。分享给大家供大家参考。具体分析如下:

此属性返回传给jQuery的原始选择器,也就是说返回jQuery是用哪个选择器匹配到当前元素。

selector属性可以与context配合使用,用于精确检测选择器查询情况。

语法结构:

$("selector").selector

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<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中“+=”的应用
Feb 02 Javascript
javascript 对象比较实现代码
Apr 27 Javascript
jquery中ajax学习笔记一
Oct 16 Javascript
js 设置缓存及获取设置的缓存
May 08 Javascript
jQuery ajax调用WCF服务实例
Jul 16 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
Sep 14 Javascript
JavaScript电子时钟倒计时第二款
Jan 10 Javascript
JS中的数组方法笔记整理
Jul 26 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
Apr 22 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
May 12 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
Jul 20 Javascript
jQuery对象的length属性用法实例
Dec 27 #Javascript
jQuery中size()方法用法实例
Dec 27 #Javascript
jQuery中each()方法用法实例
Dec 27 #Javascript
jQuery.holdReady()方法用法实例
Dec 27 #Javascript
jQuery中的jQuery()方法用法分析
Dec 27 #Javascript
基于javascript实现的搜索时自动提示功能
Dec 26 #Javascript
基于jquery实现发送文章到手机的代码
Dec 26 #Javascript
You might like
php实现微信模板消息推送
2018/03/30 PHP
Jquery下:nth-child(an+b)的使用注意
2011/05/28 Javascript
js实现翻页后保持checkbox选中状态的实现方法
2012/11/03 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
AngularJS入门教程之Hello World!
2014/12/06 Javascript
使用C++为node.js写扩展模块
2015/04/22 Javascript
在AngularJS中使用AJAX的方法
2015/06/17 Javascript
javascript简单实现类似QQ头像弹出效果的方法
2015/08/03 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
2015/08/09 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
2015/09/14 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
jquery判断复选框是否选中进行答题提示特效
2015/12/10 Javascript
javascript实现计时器的简单方法
2016/02/21 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
2016/04/29 Javascript
详解Node.js:events事件模块
2016/11/24 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)
2017/07/07 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
2017/08/14 Javascript
微信小程序表单验证form提交错误提示效果
2020/06/19 Javascript
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
Vue.set 全局操作简单示例
2019/09/19 Javascript
Python基于FTP模块实现ftp文件上传操作示例
2018/04/23 Python
对Python3.x版本print函数左右对齐详解
2018/12/22 Python
pandas DataFrame 交集并集补集的实现
2019/06/24 Python
python数据持久存储 pickle模块的基本使用方法解析
2019/08/30 Python
python3实现用turtle模块画一棵随机樱花树
2019/11/21 Python
python求质数列表的例子
2019/11/24 Python
使用PyTorch将文件夹下的图片分为训练集和验证集实例
2020/01/08 Python
python读取与处理netcdf数据方式
2020/02/14 Python
使用matlab 判断两个矩阵是否相等的实例
2020/05/11 Python
美国床垫和床上用品公司:Nest Bedding
2017/06/12 全球购物
英国独特礼物想法和个性化礼物网站:notonthehighstreet.com
2018/04/16 全球购物
DogBuddy荷兰:找到你最完美的狗保姆
2019/04/17 全球购物
创业计划书如何吸引他人眼球
2014/01/10 职场文书
自荐书4要点
2014/01/25 职场文书
浅谈Redis变慢的原因及排查方法
2022/06/21 Redis