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 相关文章推荐
jQuery学习基础知识小结
Nov 25 Javascript
JavaScript中常用的运算符小结
Jan 18 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
Sep 05 Javascript
jquery遍历checkbox介绍
Feb 21 Javascript
JavaScript实现定时隐藏与显示图片的方法
Aug 06 Javascript
Easyui和zTree两种方式分别实现树形下拉框
Aug 04 Javascript
JS实现的简单表单验证功能完整实例
Oct 14 Javascript
React中使用async validator进行表单验证的实例代码
Aug 17 Javascript
vue将毫秒数转化为正常日期格式的实例
Sep 16 Javascript
vue prop传值类型检验方式
Jul 30 Javascript
jquery实现简易验证插件封装
Sep 13 jQuery
JavaScript实现H5接金币功能(实例代码)
Feb 22 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
PHP多线程抓取网页实现代码
2010/07/22 PHP
PHP函数getenv简介和使用实例
2014/05/12 PHP
php使用Cookie控制访问授权的方法
2015/01/21 PHP
浅谈php中的访问修饰符private、protected、public的作用范围
2016/11/20 PHP
jquery实现文本框鼠标右击无效以及不能输入的代码
2010/11/05 Javascript
jquery 获取自定义属性(attr和prop)的实现代码
2012/06/27 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
JQuery显示、隐藏div的几种方法简明总结
2015/04/16 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
2015/12/04 Javascript
jquery遍历json对象集合详解
2016/05/18 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
2016/05/31 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
2016/08/16 Javascript
AngularJs  Creating Services详解及示例代码
2016/09/02 Javascript
JS框架之vue.js(深入三:组件1)
2016/09/29 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
基于Node.js实现压缩和解压缩的方法
2018/02/13 Javascript
vue实现选项卡及选项卡切换效果
2018/04/24 Javascript
微信小程序停止其他视频播放当前视频的实例代码
2019/12/25 Javascript
使用PyV8在Python爬虫中执行js代码
2017/02/16 Python
Python列表和元组的定义与使用操作示例
2017/07/26 Python
python递归法实现简易连连看小游戏
2020/03/25 Python
天猫精选:上天猫,就够了
2016/09/21 全球购物
加拿大休闲和工业服装和鞋类零售商:L’Équipeur
2018/01/12 全球购物
Giuseppe Zanotti美国官方网站:将鞋履视为高级时装般精心制作
2018/02/06 全球购物
Cotton On香港网站:澳洲时装连锁品牌
2018/11/01 全球购物
Lucene推荐的分页方式是什么?
2015/12/07 面试题
大学生毕业的自我鉴定
2013/11/13 职场文书
企业军训感言
2014/02/08 职场文书
法人授权委托书样本
2014/09/19 职场文书
2014年幼儿园教研工作总结
2014/12/04 职场文书
2015驻村干部工作总结
2015/04/07 职场文书
2015年妇幼卫生工作总结
2015/05/23 职场文书
导游词之上海豫园
2019/10/24 职场文书
Nginx同一个域名配置多个项目的实现方法
2021/03/31 Servers
Java Shutdown Hook场景使用及源码分析
2021/06/15 Java/Android
Rhit高效可视化Nginx日志查看工具
2021/11/01 Servers