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 相关文章推荐
javascript js cookie的存储,获取和删除
Dec 29 Javascript
JavaScript 高级篇之闭包、模拟类,继承(五)
Apr 07 Javascript
JS判断移动端访问设备并加载对应CSS样式
Jun 13 Javascript
jQuery实现html表格动态添加新行的方法
May 28 Javascript
利用Javascript实现BMI计算器
Aug 16 Javascript
js完整倒计时代码分享
Sep 18 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
基于JS实现翻书效果的页面切换样式
Feb 16 Javascript
Js apply方法详解
Feb 16 Javascript
jquery replace方法去空格
May 08 jQuery
jQuery常见的遍历DOM操作详解
Sep 05 jQuery
Vue实现页面添加水印功能
Nov 09 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调用三种数据库的方法(2)
2006/10/09 PHP
php xml实例 留言本
2009/03/20 PHP
php 魔术函数使用说明
2010/02/21 PHP
php简单浏览目录内容的实现代码
2013/06/07 PHP
php网页版聊天软件实现代码
2016/08/12 PHP
PHP实现将优酷土豆腾讯视频html地址转换成flash swf地址的方法
2017/08/04 PHP
Javascript下判断是否为闰年的Datetime包
2010/10/26 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
2010/11/14 Javascript
jquery对dom的操作常用方法整理
2013/06/25 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
2013/08/02 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
JS中操作JSON总结
2020/12/06 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
2015/06/06 Javascript
将页面table内容与样式另存成excel文件的方法
2015/08/05 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
2016/06/30 Javascript
微信小程序 for 循环详解
2016/10/09 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
2017/08/23 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
2017/10/31 Javascript
JavaScript生成指定范围随机数和随机序列的方法
2018/05/05 Javascript
JS中的JSON对象的定义和取值实现代码
2018/05/09 Javascript
在Create React App中启用Sass和Less的方法示例
2019/01/16 Javascript
Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
2008/09/06 Python
Python中的Numeric包和Numarray包使用教程
2015/04/13 Python
基于Python Shell获取hostname和fqdn释疑
2016/01/25 Python
python hbase读取数据发送kafka的方法
2018/12/27 Python
python爬虫的一个常见简单js反爬详解
2019/07/09 Python
python实现生成Word、docx文件的方法分析
2019/08/30 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
Django:使用filter的pk进行多值查询操作
2020/07/15 Python
思想政治自我鉴定
2013/10/06 职场文书
大学生实习感言
2014/01/16 职场文书
中秋手机店促销方案
2014/06/16 职场文书
运动会演讲稿50字
2014/08/25 职场文书
工作证明格式及范本
2014/09/12 职场文书
坎儿井导游词
2015/02/09 职场文书
Python中的pprint模块
2021/11/27 Python