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 相关文章推荐
我也种棵OO树JXTree[js+css+xml]
Apr 02 Javascript
Javascript JSQL,SQL无处不在,
May 05 Javascript
jquery.validate使用攻略 第五步 正则验证
Jul 01 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
Aug 08 Javascript
AngularJs expression详解及简单示例
Sep 01 Javascript
js实现二级导航功能
Mar 03 Javascript
React Native 环境搭建的教程
Aug 19 Javascript
Vue仿今日头条实例详解
Feb 06 Javascript
Vue实现表格中对数据进行转换、处理的方法
Sep 06 Javascript
微信小程序实现分享朋友圈的图片功能示例
Jan 18 Javascript
微信小程序封装的HTTP请求示例【附升级版】
May 11 Javascript
JavaScript类的继承多种实现方法
May 30 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
Laravel最佳分割路由文件(routes.php)的方式
2016/08/04 PHP
PHP PDOStatement::execute讲解
2019/01/31 PHP
PHP实现常用排序算法的方法
2020/02/05 PHP
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
jQuery实现跨域iframe接口方法调用
2015/03/14 Javascript
angularjs客户端实现压缩图片文件并上传实例
2015/07/06 Javascript
JavaScript实现的伸展收缩型菜单代码
2015/10/14 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
2016/07/01 Javascript
浅谈Vuejs中nextTick()异步更新队列源码解析
2017/12/31 Javascript
vue自动化表单实例分析
2018/05/06 Javascript
解决在vue项目中webpack打包后字体不生效的问题
2018/09/01 Javascript
vue component 中引入less文件报错 Module build failed
2019/04/17 Javascript
react 组件传值的三种方法
2019/06/03 Javascript
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
何时/使用 Vue3 render 函数的教程详解
2020/07/25 Javascript
Element Cascader 级联选择器的使用示例
2020/07/27 Javascript
用JavaScript实现贪吃蛇游戏
2020/10/23 Javascript
[05:05]DOTA2亚洲邀请赛 战队出场仪式
2015/02/07 DOTA
Python多进程同步简单实现代码
2016/04/27 Python
Anaconda下安装mysql-python的包实例
2018/06/11 Python
对numpy中的where方法嵌套使用详解
2018/10/31 Python
如何通过python的fabric包完成代码上传部署
2019/07/29 Python
原来我一直安装 Python 库的姿势都不对呀
2019/11/11 Python
Python面向对象之多态原理与用法案例分析
2019/12/30 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
Fabletics官网:美国运动服饰品牌,由好莱坞女演员凯特·哈德森创立
2019/10/19 全球购物
100%羊绒:NakedCashmere
2020/08/26 全球购物
如何利用find命令查找文件
2015/02/07 面试题
统计岗位职责
2014/02/21 职场文书
网站创业计划书
2014/04/30 职场文书
钱学森观后感
2015/06/04 职场文书
张思德观后感
2015/06/09 职场文书
python正则表达式re.search()的基本使用教程
2021/05/21 Python
Python基础之函数嵌套知识总结
2021/05/23 Python
Spring Boot 使用 Spring-Retry 进行重试框架
2022/04/24 Java/Android