jQuery基础语法实例入门


Posted in Javascript onDecember 23, 2014

本文实例讲述了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="https://3water.com/" />

<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程序设计有所帮助。

Javascript 相关文章推荐
JQuery动态给table添加、删除行 改进版
Jan 19 Javascript
Google Dart编程语法和基本类型学习教程
Nov 27 Javascript
js中for in语句的用法讲解
Apr 24 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
Nov 29 Javascript
脚本div实现拖放功能(两种)
Feb 13 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
Mar 09 Javascript
vue 开发一个按钮组件的示例代码
Mar 27 Javascript
Vue 中axios配置实例详解
Jul 27 Javascript
iview form清除校验状态的实现
Sep 19 Javascript
详解小程序如何动态绑定点击的执行方法
Nov 26 Javascript
Vue的全局过滤器和私有过滤器的实现
Apr 20 Javascript
vue iview实现动态新增和删除
Jun 17 Javascript
jQuery回调函数的定义及用法实例
Dec 23 #Javascript
jQuery中odd选择器的定义和用法
Dec 23 #Javascript
浅析javascript 定时器
Dec 23 #Javascript
JavaScript中自定义事件用法分析
Dec 23 #Javascript
jQuery中even选择器的定义和用法
Dec 23 #Javascript
javascript实现依次输入input自动定焦
Dec 23 #Javascript
使用原生JS实现弹出层特效
Dec 22 #Javascript
You might like
同一空间绑定多个域名而实现访问不同页面的PHP代码
2006/12/06 PHP
延长phpmyadmin登录时间的方法
2011/02/06 PHP
ThinkPHP缓存方法S()概述
2014/06/13 PHP
PHP实现删除字符串中任何字符的函数
2015/08/11 PHP
php 算法之实现相对路径的实例
2017/10/17 PHP
ThinkPHP框架实现的微信支付接口开发完整示例
2019/04/10 PHP
PHP信号处理机制的操作代码讲解
2019/04/19 PHP
在浏览器中获取当前执行的脚本文件名的代码
2011/07/19 Javascript
JavaScript中自定义事件用法分析
2014/12/23 Javascript
jQuery实现返回顶部效果的方法
2015/05/29 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
2017/03/25 Javascript
微信小程序利用co处理异步流程的方法教程
2017/05/20 Javascript
简述JS浏览器的三种弹窗
2018/07/15 Javascript
vue2.0 中使用transition实现动画效果使用心得
2018/08/13 Javascript
ES6基础之默认参数值
2019/02/21 Javascript
浅析Vue下的components模板使用及应用
2019/11/27 Javascript
[03:31]DOTA2英雄基础教程 大地之灵
2013/12/17 DOTA
[01:04]DOTA2上海特锦赛现场采访 FreeAgain遭众解说围攻
2016/03/25 DOTA
[54:24]Optic vs TNC 2018国际邀请赛小组赛BO2 第二场
2018/08/18 DOTA
使用python装饰器验证配置文件示例
2014/02/24 Python
Python中lambda的用法及其与def的区别解析
2014/07/28 Python
Python的面向对象编程方式学习笔记
2016/07/12 Python
Python操作Excel之xlsx文件
2017/03/24 Python
python编程通过蒙特卡洛法计算定积分详解
2017/12/13 Python
tensorflow 加载部分变量的实例讲解
2018/07/27 Python
解决django前后端分离csrf验证的问题
2019/02/03 Python
PyQt5实现暗黑风格的计时器
2019/07/29 Python
纯CSS3实现给头像加个光芒四射且旋转的背景动画效果
2014/05/07 HTML / CSS
加拿大高尔夫超市:Golf Town
2018/01/12 全球购物
中医学专业自荐信范文
2014/04/01 职场文书
主题团日活动总结
2014/06/25 职场文书
中学生社会实践教育活动总结
2015/05/06 职场文书
2015年保险公司内勤工作总结
2015/05/23 职场文书
电力安全教育培训心得体会
2016/01/11 职场文书
用Python写一个简易版弹球游戏
2021/04/13 Python
Golang中interface{}转为数组的操作
2021/04/30 Golang