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解决由border属性引起的div宽度问题
Nov 26 Javascript
jQuery实现文本展开收缩特效
Jun 03 Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
Jun 05 Javascript
JS实现弹性菜单效果代码
Sep 07 Javascript
基于jquery编写分页插件
Mar 07 Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
Oct 21 Javascript
BootStrap表单验证实例代码
Jan 13 Javascript
在Vue中使用echarts的实例代码(3种图)
Jul 10 Javascript
javascript浅层克隆、深度克隆对比及实例解析
Feb 09 Javascript
JavaScript实现简易计算器小功能
Oct 22 Javascript
Vue使用Element实现增删改查+打包的步骤
Nov 25 Vue.js
vue css 相对路径导入问题级踩坑记录
Jun 05 Vue.js
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(7) php 字符串相关应用
2010/03/05 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
php中get_object_vars()在数组的实例用法
2021/02/22 PHP
JavaScript 不只是脚本
2007/05/30 Javascript
JavaScript 无符号右移运算符
2009/04/17 Javascript
event.srcElement 用法笔记e.target
2009/12/18 Javascript
用循环或if语句从json中取数据示例
2014/08/18 Javascript
使用javascript实现简单的选项卡切换
2015/01/09 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
JavaScript动态改变div属性的实现方法
2015/07/22 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
2017/01/04 Javascript
React Native之prop-types进行属性确认详解
2017/12/19 Javascript
vue 使用eventBus实现同级组件的通讯
2018/03/02 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
2018/05/08 Javascript
微信小程序实现渐入渐出动画效果
2019/06/13 Javascript
jsonp格式前端发送和后台接受写法的代码详解
2019/11/07 Javascript
vue $mount 和 el的区别说明
2020/09/11 Javascript
Vue中避免滥用this去读取data中数据
2021/03/02 Vue.js
[08:38]DOTA2-DPC中国联赛 正赛 VG vs Elephant 选手采访
2021/03/11 DOTA
python实现图片批量剪切示例
2014/03/25 Python
详解Python之unittest单元测试代码
2018/01/24 Python
PyTorch上搭建简单神经网络实现回归和分类的示例
2018/04/28 Python
python获取微信小程序手机号并绑定遇到的坑
2018/11/19 Python
Django框架首页和登录页分离操作示例
2019/05/28 Python
Python生成词云的实现代码
2020/01/14 Python
Python3+selenium实现cookie免密登录的示例代码
2020/03/18 Python
Linden Leaves官网:新西兰纯净护肤品
2020/12/20 全球购物
怎样写留学自荐信
2013/11/11 职场文书
产品促销活动策划书
2014/01/15 职场文书
放飞蜻蜓反思
2014/02/05 职场文书
认购协议书范本
2014/04/22 职场文书
党员弘扬焦裕禄精神思想汇报
2014/09/10 职场文书
会计人员演讲稿
2014/09/11 职场文书
2016简历自荐信优秀范文
2016/01/29 职场文书
mysql对于模糊查询like的一些汇总
2021/05/09 MySQL
如何使用Tkinter进行窗口的管理与设置
2021/06/30 Python