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 相关文章推荐
js同时按下两个方向键
Dec 01 Javascript
jQuery实现类似滑动门切换效果的层切换
Sep 23 Javascript
javascript中parseInt()函数的定义和用法分析
Dec 20 Javascript
基于jquery实现人物头像跟随鼠标转动
Aug 23 Javascript
JavaScript实现简单Tip提示框效果
Apr 20 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
May 31 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
Jun 27 Javascript
js实现String.Fomat的实例代码
Sep 02 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
Feb 18 Javascript
小程序ios音频播放没声音问题的解决
Jul 11 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
Feb 02 Javascript
JS如何使用剪贴板操作Clipboard API
May 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 base64+gzinflate压缩编码和解码代码
2008/10/03 PHP
openPNE常用方法分享
2011/11/29 PHP
ExtJS自定义主题(theme)样式详解
2013/11/18 Javascript
innerHTML,outerHTML,innerText,outerText的用法及区别解析
2013/12/16 Javascript
JavaScript数组迭代器实例分析
2015/06/09 Javascript
Jquery zTree 树控件异步加载操作
2016/02/25 Javascript
javascript原生ajax写法分享
2016/04/10 Javascript
jQuery插件uploadify实现ajax效果的图片上传
2016/06/18 Javascript
js操作浏览器的参数方法
2017/01/21 Javascript
mongoose设置unique不生效问题的解决及如何移除unique的限制
2017/11/07 Javascript
tangram.js库实现js类的方式实例分析
2018/01/06 Javascript
解决vue-router进行build无法正常显示路由页面的问题
2018/03/06 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
jQuery实现表格的增、删、改操作示例
2019/01/27 jQuery
vueScroll实现移动端下拉刷新、上拉加载
2019/03/22 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
2019/07/17 Javascript
layui 关闭open弹出框 刷新table表格页面的方法
2019/09/16 Javascript
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
2020/09/21 Javascript
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
Python求导数的方法
2015/05/09 Python
Python Pandas实现数据分组求平均值并填充nan的示例
2019/07/04 Python
利用Python的sympy包求解一元三次方程示例
2019/11/22 Python
解决tensorflow由于未初始化变量而导致的错误问题
2020/01/06 Python
Python定时从Mysql提取数据存入Redis的实现
2020/05/03 Python
Python自动化测试中yaml文件读取操作
2020/08/20 Python
python之语音识别speech模块
2020/09/09 Python
Juicy Couture Beauty官方网站:香水和化妆品
2019/03/12 全球购物
接口可以包含哪些成员
2012/09/30 面试题
环境工程大学生自荐信
2013/10/21 职场文书
数控专业应届生求职信
2013/11/27 职场文书
学校校庆演讲稿
2014/05/22 职场文书
高中升旗仪式演讲稿
2014/09/09 职场文书
小学红领巾广播稿(3篇)
2014/09/13 职场文书
MySQL系列之四 SQL语法
2021/07/02 MySQL
Go语言怎么使用变长参数函数
2022/07/15 Golang