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 相关文章推荐
SUN的《AJAX与J2EE》全文译了
Feb 23 Javascript
javascript web页面刷新的方法收集
Jul 02 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
Dec 14 Javascript
Js点击弹出下拉菜单效果实例
Aug 12 Javascript
jquery得到font-size属性值实现代码
Sep 30 Javascript
JSON.parse()和JSON.stringify()使用介绍
Jun 20 Javascript
JavaScript编程的单例设计模讲解
Nov 10 Javascript
关于js原型的面试题讲解
Sep 25 Javascript
AngularJS 支付倒计时功能实现思路
Jun 05 Javascript
Vue路由history模式解决404问题的几种方法
Sep 29 Javascript
p5.js实现动态图形临摹
Oct 23 Javascript
Vue获取页面元素的相对位置的方法示例
Feb 05 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
phplock(php进程锁) v1.0 beta1
2009/11/24 PHP
php 获取客户端的真实ip
2009/11/30 PHP
php实现rc4加密算法代码
2012/04/25 PHP
PHPAnalysis中文分词类详解
2014/06/13 PHP
win7安装php框架Yii的方法
2016/01/25 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
JQuery的ajax基础上的超强GridView展示
2009/09/18 Javascript
Javascript中innerHTML用法实例分析
2015/01/12 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
js判断浏览器是否支持严格模式的方法
2016/10/04 Javascript
jquery实现文本框的禁用和启用
2016/12/07 Javascript
ionic实现下拉刷新载入数据功能
2017/05/11 Javascript
JS获取字符对应的ASCII码实例
2017/09/10 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
2018/03/19 Javascript
使用Taro实现小程序商城的购物车功能模块的实例代码
2020/06/05 Javascript
基于 Vue 的 Electron 项目搭建过程图文详解
2020/07/22 Javascript
vue+elementui通用弹窗的实现(新增+编辑)
2021/01/07 Vue.js
[06:07]辉夜杯现场观众互动 “比谁远送显示器”
2015/12/26 DOTA
[00:10]神之谴戒
2019/03/06 DOTA
python 从远程服务器下载日志文件的程序
2013/02/10 Python
Python生成随机密码的方法
2017/06/16 Python
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
python 三元运算符使用解析
2019/09/16 Python
python之pymysql模块简单应用示例代码
2019/12/16 Python
基于PyQT实现区分左键双击和单击
2020/05/19 Python
Python非单向递归函数如何返回全部结果
2020/12/18 Python
Made in Design意大利:现代家具、名家灯具和装饰
2020/10/27 全球购物
护士自我评价范文
2014/01/25 职场文书
公司领导班子召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书
小学校长个人总结
2015/03/03 职场文书
暑假生活随笔
2015/08/15 职场文书
班主任班级管理心得体会
2016/01/07 职场文书
完美解决golang go get私有仓库的问题
2021/05/05 Golang
Springboot集成kafka高级应用实战分享
2022/08/14 Java/Android