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 (十) jQueryUI常用功能实战
Feb 23 Javascript
js中关于String对象的replace使用详解
May 24 Javascript
js转义字符介绍
Nov 05 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
Aug 27 Javascript
微信小程序 页面跳转传递值几种方法详解
Jan 12 Javascript
AngularJS前端页面操作之用户修改密码功能示例
Mar 27 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 Javascript
基于vue cli 通过命令行传参实现多环境配置
Jul 12 Javascript
Vue结合后台导入导出Excel问题详解
Feb 19 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
Nov 16 Javascript
vue组件内部引入外部js文件的方法
Jan 18 Javascript
Js实现复选框的全选、全不选反选功能代码实例
Feb 28 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实现批量查询清除一句话后门的代码
2008/01/20 PHP
php中Smarty模板初体验
2011/08/08 PHP
关于crontab的使用详解
2013/06/24 PHP
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
PHP请求远程地址设置超时时间的解决方法
2016/10/29 PHP
PHP基于mcript扩展实现对称加密功能示例
2019/02/21 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
轻轻松松学JS调试(不下载任何工具)
2010/04/14 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
2013/05/17 Javascript
JS按回车键实现登录的方法
2014/08/25 Javascript
JavaScript DOM元素尺寸和位置
2015/04/13 Javascript
学习JavaScript设计模式之迭代器模式
2016/01/19 Javascript
功能强大的Bootstrap使用手册(一)
2016/08/02 Javascript
浅谈JavaScript 覆盖原型以及更改原型
2016/08/31 Javascript
ES5 ES6中Array对象去除重复项的方法总结
2017/04/27 Javascript
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
2017/05/25 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
对Layer弹窗使用及返回数据接收的实例详解
2019/09/26 Javascript
Vue实现指令式动态追加小球动画组件的步骤
2020/12/18 Vue.js
学习 Vue.js 遇到的那些坑
2021/02/02 Vue.js
Python中的日期时间处理详解
2016/11/17 Python
Python Socket传输文件示例
2017/01/16 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
Python实现Restful API的例子
2019/08/31 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
Django中Aggregation聚合的基本使用方法
2020/07/09 Python
Python加载数据的5种不同方式(收藏)
2020/11/13 Python
加拿大的标志性百货公司:Hudson’s Bay(哈得逊湾)
2019/09/03 全球购物
2019年Java面试必问之经典试题
2012/09/12 面试题
自我鉴定标准格式
2014/03/19 职场文书
网站创业计划书
2014/04/30 职场文书
献爱心捐款倡议书
2014/05/14 职场文书
医学求职自荐信
2014/06/21 职场文书
2014普法依法治理工作总结
2014/12/18 职场文书
pytorch MSELoss计算平均的实现方法
2021/05/12 Python
Oracle数据库中通用的函数实例详解
2022/03/25 Oracle