jQuery元素选择器用法实例


Posted in Javascript onDecember 23, 2014

本文实例讲述了jQuery元素选择器用法。分享给大家供大家参考。具体分析如下:

元素选择器根据元素名称匹配所有的元素。
实例代码:

$("div")

以上代码匹配所有的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>点击隐藏div元素</button>

</body>

</html>

在以上代码中,当点击按钮的时候能够将div元素隐藏。

希望本文所述对大家的jquery程序设计有所帮助。

Javascript 相关文章推荐
js打印纸函数代码(递归)
Jun 18 Javascript
Three.js源码阅读笔记(Object3D类)
Dec 27 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
Nov 23 Javascript
jQuery中DOM操作实例分析
Jan 23 Javascript
jquery右下角自动弹出可关闭的广告层
May 08 Javascript
谈谈AngularJs中的隐藏和显示
Dec 09 Javascript
JavaScript+canvas实现七色板效果实例
Feb 18 Javascript
jquery事件绑定解绑机制源码解析
Sep 19 Javascript
vue项目中使用百度地图的方法
Jun 08 Javascript
如何安装控制器JavaScript生成插件详解
Oct 21 Javascript
js 对象使用的小技巧实例分析
Nov 08 Javascript
javascript实现获取中文汉字拼音首字母
May 19 Javascript
jquery制作漂亮的弹出层提示消息特效
Dec 23 #Javascript
使用jQuery仿苹果官网焦点图特效
Dec 23 #Javascript
jQuery分组选择器用法实例
Dec 23 #Javascript
常用的JS验证和函数汇总
Dec 23 #Javascript
jQuery后代选择器用法实例
Dec 23 #Javascript
浅析Javascript中“==”与“===”的区别
Dec 23 #Javascript
javascript实现微信分享
Dec 23 #Javascript
You might like
DOTA2【瓜皮时刻】Vol.91 RTZ山史最惨“矿难”
2021/03/05 DOTA
PHP 多进程 解决难题
2009/06/22 PHP
PHP实现的超长文本分页显示功能示例
2018/06/04 PHP
Javascript中暂停功能的实现代码
2007/03/04 Javascript
jquery的颜色选择插件实例代码
2008/10/02 Javascript
jQuery 技巧大全(新手入门篇)
2009/05/12 Javascript
jquery获取颜色在ie和ff下的区别示例介绍
2014/03/28 Javascript
jQuery操作cookie方法实例教程
2014/11/25 Javascript
jQuery中:selected选择器用法实例
2015/01/04 Javascript
js同源策略详解
2015/05/21 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
jQuery ajax提交Form表单实例(附demo源码)
2016/04/06 Javascript
js操作数据库实现注册和登陆的简单实例
2016/05/26 Javascript
微信小程序 新建登录页并实现tabBar隐藏
2017/06/13 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
2017/10/12 Javascript
js定时器+简单的动画效果实例
2017/11/10 Javascript
详解Vue中localstorage和sessionstorage的使用
2017/12/22 Javascript
基于vue cli 通过命令行传参实现多环境配置
2018/07/12 Javascript
Vue中Axios从远程/后台读取数据
2019/01/21 Javascript
p5.js码绘“跳动的小正方形”的实现代码
2019/10/22 Javascript
vue v-model的用法解析
2020/10/19 Javascript
[38:32]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第二局
2016/02/26 DOTA
pycharm 使用心得(九)解决No Python interpreter selected的问题
2014/06/06 Python
Python中的函数式编程:不可变的数据结构
2018/10/08 Python
Python GUI编程完整示例
2019/04/04 Python
python调用动态链接库的基本过程详解
2019/06/19 Python
解决python明明pip安装成功却找不到包的问题
2019/08/28 Python
使用NumPy读取MNIST数据的实现代码示例
2019/11/20 Python
如何在mac版pycharm选择python版本
2020/07/21 Python
python绘图pyecharts+pandas的使用详解
2020/12/13 Python
如何选择使用结构还是类
2014/05/30 面试题
行政管理毕业生自荐信
2014/02/24 职场文书
新闻编辑专业自荐信
2014/07/02 职场文书
2014年最新领导班子整改方案
2014/09/27 职场文书
一小时迅速入门Mybatis之bind与多数据源支持 Java API
2021/09/15 Javascript
vue自定义右键菜单之全局实现
2022/04/09 Vue.js