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 相关文章推荐
javascript读取xml
Nov 04 Javascript
JS中动态添加事件(绑定事件)的代码
Jan 09 Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
Nov 22 Javascript
如何判断微信内置浏览器(通过User Agent实现)
Sep 01 Javascript
Node.js重新刷新session过期时间的方法
Feb 04 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
Apr 01 Javascript
浅谈javascript中的数据类型转换
Dec 27 Javascript
jQuery布局组件EasyUI Layout使用方法详解
Feb 28 Javascript
jQuery插件之validation插件
Mar 29 jQuery
详解AngularJs HTTP响应拦截器实现登陆、权限校验
Apr 11 Javascript
vue给组件传递不同的值方法
Sep 29 Javascript
微信小程序错误this.setData报错及解决过程
Sep 18 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
【COS正片】蕾姆睡衣cos,纯洁可爱被治愈了 cn名濑弥七
2020/03/02 日漫
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
php使用正则表达式去掉html中的注释方法
2016/11/03 PHP
PHP用函数嵌入网站访问量计数器
2017/10/27 PHP
jQuery实现类似滑动门切换效果的层切换
2013/09/23 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
2013/12/27 Javascript
jQuery针对各类元素操作基础教程
2014/08/29 Javascript
深入理解jQuery之事件移除
2016/06/02 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
2016/09/01 Javascript
微信小程序 progress组件详解及实例代码
2016/10/25 Javascript
使用bat打开多个cmd窗口执行gulp、node
2017/02/17 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
js实现产品缩略图效果
2017/03/10 Javascript
JS实现针对给定时间的倒计时功能示例
2017/04/11 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
工作中常用到的ES6语法
2018/09/04 Javascript
js+audio实现音乐播放器
2020/09/13 Javascript
[57:53]Secret vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[08:47]2018国际邀请赛 OG战队举杯时刻
2018/08/29 DOTA
python实现词法分析器
2019/01/31 Python
pyinstaller打包成无控制台程序时运行出错(与popen冲突的解决方法)
2020/04/15 Python
python脚本第一行如何写
2020/08/30 Python
python中_del_还原数据的方法
2020/12/09 Python
flask项目集成swagger的方法
2020/12/09 Python
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
S’well Bottle保温杯官网:绝缘不锈钢水瓶
2018/05/09 全球购物
英国在线定制百叶窗网站:Swift Direct Blinds
2020/02/25 全球购物
软件测试面试题
2014/01/05 面试题
毕业生实习鉴定
2013/12/11 职场文书
致长跑运动员广播稿
2014/01/31 职场文书
资源工程专业毕业生求职信
2014/02/27 职场文书
班主任新年寄语
2014/04/04 职场文书
乐观自信演讲稿范文
2014/05/21 职场文书
2014年祖国生日寄语
2014/09/19 职场文书
2015年酒店前台工作总结
2015/04/20 职场文书
Docker下安装Oracle19c
2022/04/13 Servers