首页vns威尼斯城官网登入 › 代码实例如下,本文实例讲述了jQuery后代选择器用法

代码实例如下,本文实例讲述了jQuery后代选择器用法

jQuery类选取器用法实例,jquery采取器实例

本文实例陈述了jQuery类选用器用法。分享给我们供大家参考。具体深入分析如下:

类选取的器相称具备钦点类名的富有因素。

例子:

复制代码 代码如下:

$(".mydiv")

以上代码选用类名称为mydiv的装有因素。
注意:在mydiv后边有少数(.)。
实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<title>帮客之家</title>
<style type="text/css">
div{
  height:150px;
  width:150px;
  background-color:green;
  margin-top:10px;
}
</style>
<script type="text/javascript"
src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $(".mydiv").hide();
  })
})
</script>
</head>
<body>
  <div class="mydiv"></div>
  <div class="anotherdiv"></div>
  <button>点击隐敝div成分</button>
</body>
</html>

上述代码能够将类名叫mydiv的div元素遮盖。

仰望本文所述对大家的jQuery程序设计具备辅助。

本文实例汇报了jQuery类选用器用法。分享给大家供大家参谋。具体剖判如下:
类选拔的器相配具...

jQuery后代选择器用法实例,jquery后代选用器

正文实例汇报了jQuery后代采用器用法。分享给我们供大家参谋。具体解析如下:

子孙采用器相配给定的祖宗成分下用以卓殊的持有后代成分。

点击采用器能够查看参谋手册中具有jQuery选用器。

代码实举个例子下:

复制代码 代码如下:

$(".mydiv span")

如上代码匹配类名mydiv成分富含的span成分。几个选用器之间要用空格分隔。
实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<title>帮客之家</title>
<style type="text/css">
div{
  height:150px;
  width:150px;
  background-color:green;
  margin-top:10px;
}
</style>
<script type="text/javascript"
src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $(".mydiv span").css("color","red");
  })
})
</script>
</head>
<body>
<div class="mydiv">
  <span>帮客之家</span>
</div>
<div class="anotherdiv">
  <span>帮客之家</span>
</div>
<button>点击查看效果</button>
</body>
</html>

该实例可达成将类名称叫mydiv的div下的span成分中的文本颜色设置为天灰。

企望本文所述对大家的jQuery程序设计具备帮忙。

本文实例陈述了jQuery后代选用器用法。分享给我们供我们仿效。具体解析如下:
后代选择器匹...

jQuery分组选拔器用法实例,jquery分组接纳器

正文实例汇报了jQuery分组选取器用法。分享给大家供我们参照他事他说加以考察。具体解析如下:

分组选用器将每贰个增选器相配到的因素合併后联合回去,可以对它们举行同样的操作。

实例代码:

复制代码 代码如下:

$(".mydiv ,span")

上述代码能够相称类名称为mydiv的成分和颇具的span成分。四个选拔器之间要用逗号分割。
实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="" />
<title>帮客之家</title>
<style type="text/css">
div{
  height:150px;
  width:150px;
  background-color:green;
  margin-top:10px;
}
</style>
<script type="text/javascript"
src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $(".mydiv ,span").css("color","red");
  })
})
</script>
</head>
<body>
  <div class="mydiv">帮客之家</div>
  <span>帮客之家接待您</span>
  <button>点击查阅效果</button>
</body>
</html>

上述代码能够将类名称为mydiv的div和span中的字体颜色设置为革命。

梦想本文所述对大家的jQuery程序设计有所帮助。

本文实例陈述了jQuery分组选用器用法。分享给大家供大家参照他事他说加以考察。具体解析如下:
分组选取器将...

本文实例汇报了jQuery后代选用器用法。分享给大家供大家参谋。具体剖判如下:

正文实例呈报了jQuery分组选取器用法。分享给大家供我们参谋。具体分析如下:

后人选用器相称给定的祖宗成分下用以合作的具备后代成分。

分组选取器将每一个选拔器匹配到的要素合并后一齐回去,能够对它们实行同样的操作。

点击选拔器能够查阅参照他事他说加以考察手册中全部jQuery选用器。

实例代码:

转载本站文章请注明出处:vns威尼斯城官网登入 http://www.tiec-ccpittj.com/?p=1984

上一篇:

下一篇:

相关文章