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 Tab选项卡效果代码改进版
Apr 01 Javascript
jquery ajax 同步异步的执行示例代码
Jun 23 Javascript
基于jquery &amp; json的省市区联动代码
Jun 26 Javascript
JS定时刷新页面及跳转页面的方法
Jul 04 Javascript
js获取光标位置和设置文本框光标位置示例代码
Jan 09 Javascript
解决json日期格式问题的3种方法
Feb 02 Javascript
原生js开发的日历插件
Feb 04 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
Feb 09 Javascript
Cookbook组件形式:优化 Vue 组件的运行时性能
Nov 25 Javascript
详解如何更好的使用module vuex
Mar 27 Javascript
解决vue 给window添加和移除resize事件遇到的坑
Jul 21 Javascript
微信小程序实现单个或多个倒计时功能
Nov 01 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小型企业库存管理系统的设计与实现代码
2011/05/16 PHP
教你识别简单的免查杀PHP后门
2015/09/13 PHP
PHP实现新型冠状病毒疫情实时图的实例
2020/02/04 PHP
判断浏览器的javascript版本的代码
2010/09/03 Javascript
jQuery bind事件使用详解
2011/05/05 Javascript
关于全局变量和局部变量的那些事
2013/01/11 Javascript
解析jQuery与其它js(Prototype)库兼容共存
2013/07/04 Javascript
JavaScript中switch判断容易犯错的一个细节
2014/08/27 Javascript
JS+CSS实现滑动切换tab菜单效果
2015/08/25 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
2015/11/07 Javascript
用iframe实现不刷新整个页面上传图片的实例
2016/11/18 Javascript
BootStrap Datetimepicker 汉化的实现代码
2017/02/10 Javascript
Vue.use源码分析
2017/04/22 Javascript
input type=file 选择图片并且实现预览效果的实例
2017/10/26 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
jQuery zTree插件快速实现目录树
2019/08/16 jQuery
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
jQuery实现可以扩展的日历
2020/12/01 jQuery
手把手教你如何编译打包video.js
2020/12/09 Javascript
[05:08]2014DOTA2国际邀请赛 Hao专访复仇的胜利很爽
2014/07/15 DOTA
[00:32]2018DOTA2亚洲邀请赛VG出场
2018/04/03 DOTA
轻松掌握python设计模式之访问者模式
2016/11/18 Python
python 实现将字典dict、列表list中的中文正常显示方法
2018/07/06 Python
pyqt 实现QlineEdit 输入密码显示成圆点的方法
2019/06/24 Python
python des,aes,rsa加解密的实现
2021/01/16 Python
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
应届电子商务毕业自荐书范文
2014/02/11 职场文书
2014年幼儿园元旦活动方案
2014/02/13 职场文书
学校后勤岗位职责
2014/02/19 职场文书
2014年党风廉政建设工作总结
2014/11/19 职场文书
万能检讨书开头与结尾怎么写
2015/02/17 职场文书
走进科学观后感
2015/06/18 职场文书
祝酒词范文
2015/08/12 职场文书
Java中的继承、多态以及封装
2022/04/11 Java/Android
Oracle删除归档日志及添加定时任务
2022/06/28 Oracle