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

日期:2019-09-07编辑作者:关于计算机

本文实例汇报了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类选拔器用法。分享给大家供大家参照他事他说加以考察。具体分析如下: 类选拔的器相配具...

类选择的器相配具备钦定类名的具备因素。

例子:

复制代码 代码如下:

$(".mydiv")

如上代码接纳类名叫mydiv的富有因素。
只顾:在mydiv前边有几许(.)。
实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//www.jb51.net/" />
<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 Selector选择器小结
  • Jquery选拔器中应用变量达成动态接纳例子
  • JQuery中$之采纳器用法介绍
  • Jquery颜色选择器ColorPicker达成代码
  • jQuery过滤选拔器:not()方法应用介绍
  • jquery 属性选拔器(匹配具有钦赐属性的因素)
  • jquery选拔器大全 全面详解jquery选拔器
  • jQuery中的类名接纳器(.class)用法轻松示例

本文由今晚最快开奖现场直播发布于关于计算机,转载请注明出处:jQuery类选用器用法实例,jquery选用器实例

关键词:

调用JavaScript对象的办法集锦

明天在做项目时,境遇了亟待创设JavaScript对象的情况。所以Bing了一篇老外写的关于3种创建JavaScript对象的稿子,看后...

详细>>

jQuery基础语法实例入门

正文实例叙述了jQuery基础语法。共享给大家供大家仿效。具体剖析如下: jQuery基础语法实例入门,jquery语法实例 本文...

详细>>

Shell对象执行

WScript.Shell(Windows Script Host RuntimeLibrary)是三个对象,对应的文书是C:/WINDOWS/system32/wshom.ocx,Wscript.shell是服务器系统会...

详细>>

jQuery回调函数的定义及用法实例

正文实例陈述了jQuery回调函数的概念及用法。分享给大家供我们仿效。具体剖析如下: jQuery回调函数的概念及用法实...

详细>>