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插件教程
Aug 25 Javascript
JavaScript 选中文字并响应获取的实现代码
Aug 28 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
May 07 Javascript
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
May 14 Javascript
jquery中选择块并改变属性值的方法
Jul 31 Javascript
JavaScript 获取任一float型小数点后两位的小数
Jun 30 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
Jun 01 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
Dec 02 Javascript
jQuery Collapse1.1.0折叠插件简单使用
Aug 28 jQuery
vue使用echarts图表的详细方法
Oct 22 Javascript
详解jenkins自动化部署vue
May 14 Javascript
Vue实现Layui的集成方法步骤
Apr 10 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 翻页 实例代码
2009/08/07 PHP
PHP中如何判断AJAX提交的数据
2012/02/05 PHP
PHP通过串口实现发送短信
2015/07/08 PHP
PHP生成随机字符串(3种方法)
2015/09/25 PHP
PHP实现的服务器一致性hash分布算法示例
2018/08/09 PHP
jQuery TextBox自动完成条
2009/07/22 Javascript
javascript 获取元素位置的快速方法 getBoundingClientRect()
2009/11/26 Javascript
JavaScript中使用document.write向页面输出内容实例
2014/10/16 Javascript
jQuery获取对象简单实现方法小结
2014/10/30 Javascript
使用堆实现Top K算法(JS实现)
2015/12/25 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
Node.js开启Https的实践详解
2016/10/25 Javascript
Javascript基础回顾之(三) js面向对象
2017/01/31 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
2017/03/17 Javascript
利用Vue构造器创建Form组件的通用解决方法
2018/12/03 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
2019/05/09 Javascript
node.js使用fs读取文件出错的解决方案
2019/10/23 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
在vue中对数组值变化的监听与重新响应渲染操作
2020/07/17 Javascript
python中元类用法实例
2014/10/10 Python
Python实现的HTTP并发测试完整示例
2020/04/23 Python
Python实现将数据库一键导出为Excel表格的实例
2016/12/30 Python
对pandas数据判断是否为NaN值的方法详解
2018/11/06 Python
python 实现得到当前时间偏移day天后的日期方法
2018/12/31 Python
Pytorch保存模型用于测试和用于继续训练的区别详解
2020/01/10 Python
django自带的权限管理Permission用法说明
2020/05/13 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
python 检测图片是否有马赛克
2020/12/01 Python
优秀求职自荐信怎样写
2013/12/18 职场文书
公司年会主持词
2014/03/22 职场文书
2014年班组长工作总结
2014/11/20 职场文书
入学证明
2015/06/23 职场文书
Python开发之QT解决无边框界面拖动卡屏问题(附带源码)
2021/05/27 Python
pytorch 两个GPU同时训练的解决方案
2021/06/01 Python
纯CSS3实现div按照顺序出入效果
2021/07/15 HTML / CSS
golang实现浏览器导出excel文件功能
2022/03/25 Golang