jQuery基础语法实例入门

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

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

jQuery基础语法实例入门,jquery语法实例

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

此语法则则有八个部分构成:获取jQuery对象和对jQuery对象举办的操作。

复制代码 代码如下:

$(selector).action()

上边就对以上语法规则进行详尽的阐述:
1.$定义jQuery,将被选的DOM对象转换到jQuery对象。
2.selector是采取器,类似于CSS采取器。
3.action()是要对jQuery对象行的操作。
注: $是jQuery的简写。例如:

复制代码 代码如下:

$("div")

也能够写成以下方式,但是大家习贯上都以地点的写法。

复制代码 代码如下:

jQuery("div")

实例代码:

复制代码 代码如下:

<!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;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").hide();
  });
})
</script>
</head>
<body>
<div></div>
<button>点击掩饰上边方块</button>
</body>
</html>

以上代码中,点击按键能够将div遮蔽。

指望本文所述对大家的jquery程序设计有所支持。

本文实例叙述了jQuery基础语法。分享给大家供我们参照他事他说加以考察。具体深入分析如下: 此语法则则有八个部分组...

此语准则则有三个部分构成:获取jQuery对象和对jQuery对象推行的操作。

复制代码 代码如下:

$(selector).action()

上边就对以上语法则则举办详细的论述:
1.$概念jQuery,将被选的DOM对象调换到jQuery对象。
2.selector是采纳器,类似于CSS选拔器。
3.action()是要对jQuery对象行的操作。
注: $是jQuery的简写。例如:

复制代码 代码如下:

$("div")

也足以写成以下方法,但是我们习贯上都是上面包车型地铁写法。

复制代码 代码如下:

jQuery("div")

实例代码:

复制代码 代码如下:

<!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;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").hide();
  });
})
</script>
</head>
<body>
<div></div>
<button>点击隐蔽下面方块</button>
</body>
</html>

上述代码中,点击按键能够将div隐蔽。

盼望本文所述对大家的jquery程序设计具备扶助。

您可能感兴趣的稿子:

  • jQuery选取器基础入门教程
  • JQuery入门基础小实例(1)
  • jQuery入门基础知识学习指南
  • jQuery入门介绍之基础知识
  • jquery 常用操作整理 基础入门篇
  • jquery 指南/入门基础
  • jQuery基础_入门不可不看知识点

本文由今晚最快开奖现场直播发布于关于计算机,转载请注明出处:jQuery基础语法实例入门

关键词:

JavaScript中自定义事件用法剖析

本文实例讲述了JavaScript中自定义事件用法。分享给大家供大家参考。具体分析如下: JavaScript中自定义事件用法分析...

详细>>

调用JavaScript对象的办法集锦

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

详细>>

Shell对象执行

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

详细>>

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

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

详细>>