奥门巴黎人手机网址【app】

科技世界jQuery对象的selector属性用法实例

2019-09-07 09:19·巴黎人手机app

本文实例陈说了jQuery对象的selector属性用法。分享给我们供大家参谋。具体剖判如下:

jQuery对象的selector属性用法实例,jqueryselector

本文实例陈说了jQuery对象的selector属性用法。分享给我们供大家参照他事他说加以考察。具体解析如下:

此属性重返传给jQuery的原本选拔器,相当于说重回jQuery是用哪个选取器相配到当前因素。

selector属性能够与context协作使用,用于标准检查实验选拔器查询情形。

语法结构:

复制代码 代码如下:

$("selector").selector

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<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对象的selector属性用法。分享给大家供大家参谋。具体剖判如下: 此属性...

本文实例叙述了jQuery的context属性用法。共享给大家供大家参照他事他说加以考察。具体深入分析如下:

jQuery的context属性用法实例,jquerycontext实例

正文实例叙述了jQuery的context属性用法。分享给大家供大家仿效。具体深入分析如下:

此属性能够回去传给jQuery()的原始DOM节点内容,即jQuery()方法的第四个参数值。
固然jQuery()方法未有一点点名此参数,那么context指向当前文书档案(document)。
语法结构:

复制代码 代码如下:

$("selector").context

实例代码:

实例一:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<title>帮客之家</title>
<style type="text/css">
div
{
  width:150px;
  height:150px;
科技世界,  border:1px solid blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  $("button").click(function(){
    alert($("li").context);
  })
})
</script> 
</head>
<body>
<div>
  <ul>
    <li>测量检验脚本</li>
  </ul>
</div>
<button>点击测量检验</button>
</body>
</html>

默许状态下,传给jQuery()的原始DOM节点是Document,在IE浏览器下会再次来到[object],别的浏览器再次回到[object HTMLDocument]。
实例二:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<title>帮客之家</title>
<style type="text/css">
div
{
  width:150px;
  height:150px;
  border:1px solid blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  $("button").click(function(){
    alert($("li",document.getElementById("myid")).context);
  })
})
</script>
</head>
<body>
<div>
  <ul id="myid">
    <li>测验脚本</li>
  </ul>
</div>
<button>点击测量试验</button>
</body>
</html>

上述代码再次回到值是[object HTMLUListElement],不过在IE浏览器是[object]

意在本文所述对我们的jQuery程序设计有着补助。

本文实例陈诉了jQuery的context属性用法。分享给大家供我们参谋。具体分析如下: 此属性能够返...

此属性重临传给jQuery的本来选取器,也便是说再次来到jQuery是用哪个选取器相配到当前成分。

此属性能够再次来到传给jQuery()的原始DOM节点内容,即jQuery()方法的第二个参数值。
若是jQuery()方法未有一些名此参数,那么context指向当前文书档案(document)。
语法结构:

selector属性能够与context合营使用,用于标准检验采纳器查询景况。

复制代码 代码如下:

语法结构:

$("selector").context