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 计算当天是本年本月的第几周
Mar 22 Javascript
jQuery学习笔记之Helloworld
Dec 22 Javascript
js判断生效时间不得大于失效时间的思路及代码
Apr 23 Javascript
使用typeof判断function是否存在于上下文
Aug 14 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
Aug 19 Javascript
Javascript实现的Map集合工具类完整实例
Jul 31 Javascript
详解JavaScript对象序列化
Jan 19 Javascript
javascript简单实现等比例缩小图片的方法
Jul 27 Javascript
利用jsonp跨域调用百度js实现搜索框智能提示
Aug 24 Javascript
如何使用vuejs实现更好的Form validation?
Apr 07 Javascript
JS常见内存泄漏及解决方案解析
May 30 Javascript
ES6的循环与可迭代对象示例详解
Jan 31 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程序--记数器
2006/10/09 PHP
PHP精确计算功能示例
2016/11/29 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
PHP简单实现图片格式转换(jpg转png,gif转png等)
2019/10/30 PHP
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
深入理解javascript严格模式(Strict Mode)
2014/11/28 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
js实现点击向下展开的下拉菜单效果代码
2015/09/01 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
2016/02/17 Javascript
JS密码生成与强度检测完整实例(附demo源码下载)
2016/04/06 Javascript
JQuery DIV 动态隐藏和显示的方法
2016/06/23 Javascript
利用jquery实现实时更新歌词的方法
2017/01/06 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
2017/03/10 Javascript
div中文字内容溢出常见的解决方法
2017/03/16 Javascript
vue实现全选、反选功能
2020/11/17 Javascript
webpack打包html里面img后src为“[object Module]”问题
2019/12/22 Javascript
python检测远程端口是否打开的方法
2015/03/14 Python
python查找目录下指定扩展名的文件实例
2015/04/01 Python
python实现串口自动触发工作的示例
2019/07/02 Python
python多线程与多进程及其区别详解
2019/08/08 Python
Python List列表对象内置方法实例详解
2019/10/22 Python
python groupby 函数 as_index详解
2019/12/16 Python
pandas 对group进行聚合的例子
2019/12/27 Python
如何通过Django使用本地css/js文件
2020/01/20 Python
Python实现冒泡排序算法的完整实例
2020/11/04 Python
用python读取xlsx文件
2020/12/17 Python
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
2020/06/04 HTML / CSS
英国文胸专家:AmpleBosom.com
2018/02/06 全球购物
在购买印度民族服饰:Soch
2020/09/15 全球购物
自我鉴定注意事项
2014/01/19 职场文书
小学生安全演讲稿
2014/04/25 职场文书
李白故里导游词
2015/02/12 职场文书
《1942》观后感
2015/06/08 职场文书
感谢信
2019/04/11 职场文书
go web 预防跨站脚本的实现方式
2021/06/11 Golang
CSS中妙用 drop-shadow 实现线条光影效果
2021/11/11 HTML / CSS