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 支持链式调用的异步调用框架Async.Operation
Aug 04 Javascript
js 数组实现一个类似ruby的迭代器
Oct 27 Javascript
Javascript中找到子元素在父元素内相对位置的代码
Jul 21 Javascript
jquery实现搜索框常见效果的方法
Jan 22 Javascript
JS中frameset框架弹出层实例代码
Apr 01 Javascript
关于jquery中动态增加select,事件无效的快速解决方法
Aug 29 Javascript
Angular4实现动态添加删除表单输入框功能
Aug 11 Javascript
js 发布订阅模式的实例讲解
Sep 10 Javascript
Vue的轮播图组件实现方法
Mar 03 Javascript
Javascript 编码约定(编码规范)
Mar 11 Javascript
解决webpack+Vue引入iView找不到字体文件的问题
Sep 28 Javascript
jQuery实现手风琴效果(蒙版)
Jan 11 jQuery
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中与数组相关的函数
2007/03/22 PHP
php教程之phpize使用方法
2014/02/12 PHP
php无限遍历目录示例
2014/02/21 PHP
CodeIgniter针对数据库的连接、配置及使用方法
2016/03/03 PHP
CI框架整合widget(页面格局)的方法
2016/05/17 PHP
PHP 7.1中AES加解密方法mcrypt_module_open()的替换方案
2017/10/17 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
js验证表单大全
2006/11/25 Javascript
JavaScript中匿名、命名函数的性能测试
2014/09/04 Javascript
JS应用正则表达式转换大小写示例
2014/09/18 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
2014/10/14 Javascript
javascript框架设计之种子模块
2015/06/23 Javascript
javascript解析xml实现省市县三级联动的方法
2015/07/25 Javascript
JS简单测试循环运行时间的方法
2016/09/04 Javascript
利用JS实现文字的聚合动画效果
2017/01/22 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
2017/03/21 jQuery
NW.js 简介与使用方法
2018/02/01 Javascript
JavaScript选择排序算法原理与实现方法示例
2018/08/06 Javascript
Vue.js的复用组件开发流程完整记录
2018/11/29 Javascript
如何用RxJS实现Redux Form
2018/12/29 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
2019/02/28 Javascript
微信小程序后端实现授权登录
2020/02/24 Javascript
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
python实现360的字符显示界面
2014/02/21 Python
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
利用python打印出菱形、三角形以及矩形的方法实例
2017/08/08 Python
基于Python爬取fofa网页端数据过程解析
2020/07/13 Python
Python变量及数据类型用法原理汇总
2020/08/06 Python
衰败城市英国官网:Urban Decay英国
2020/04/29 全球购物
什么是Remote Module
2016/06/10 面试题
地理教师岗位职责
2014/03/16 职场文书
我们的节日元宵活动方案
2014/08/23 职场文书
餐厅感恩节活动策划方案
2014/10/11 职场文书
2015年中秋节主持词
2015/07/30 职场文书
《鲸》教学反思
2016/02/23 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书