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 相关文章推荐
学习YUI.Ext 第四天--对话框Dialog的使用
Mar 10 Javascript
Javascript基础教程之函数对象和属性
Jan 18 Javascript
JavaScript实现彩虹文字效果的方法
Apr 16 Javascript
javascript单例模式的简单实现方法
Jul 25 Javascript
localStorage实现便签小程序
Nov 28 Javascript
JS实现十字坐标跟随鼠标效果
Dec 25 Javascript
JS实现为动态创建的元素添加事件操作示例
Mar 17 Javascript
layer.confirm取消按钮绑定事件的方法
Aug 17 Javascript
vue 获取视频时长的实例代码
Aug 20 Javascript
Vue切换div显示隐藏,多选,单选代码解析
Jul 14 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
Jul 18 Javascript
前端开发基础javaScript的六大作用
Aug 06 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 split汉字
2009/06/05 PHP
PHP中使用imagick生成PSD文件缩略图教程
2015/01/26 PHP
laravel自定义分页的实现案例offset()和limit()
2019/10/15 PHP
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
关于js new Date() 出现NaN 的分析
2012/10/23 Javascript
关于Jquery操作Cookie取值错误的解决方法
2013/08/26 Javascript
jquery中获取id值方法小结
2013/09/22 Javascript
js判断60秒以及倒计时示例代码
2014/01/24 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
JavaScript实现输入框(密码框)出现提示语
2016/01/12 Javascript
jQuery简单实现点击文本框复制内容到剪贴板上的方法
2016/08/01 Javascript
javascript实现复选框全选或反选
2017/02/04 Javascript
微信小程序 下拉列表的实现实例代码
2017/03/08 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
2017/04/18 Javascript
javascript帧动画(实例讲解)
2017/09/02 Javascript
vuex的使用及持久化state的方式详解
2018/01/23 Javascript
JS实现图片拖拽交换效果
2018/11/30 Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
2019/06/17 Javascript
微信小程序实现卡片层叠滑动效果
2019/06/21 Javascript
nginx部署多个vue项目的方法示例
2020/09/06 Javascript
vue实现表格合并功能
2020/12/01 Vue.js
[00:12]DAC2018 no[o]ne亮相SOLO赛 他是否如他的id一样无人可挡?
2018/04/06 DOTA
Python continue语句用法实例
2014/03/11 Python
Python的Django框架中forms表单类的使用方法详解
2016/06/21 Python
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
解决matplotlib库show()方法不显示图片的问题
2018/05/24 Python
如何基于Python + requests实现发送HTTP请求
2020/01/13 Python
Python简单实现区域生长方式
2020/01/16 Python
python爬虫库scrapy简单使用实例详解
2020/02/10 Python
CSS3模拟动画下拉菜单效果
2017/04/12 HTML / CSS
Nike台湾官方商店:Nike.com (TW)
2017/08/16 全球购物
幼儿园新学期寄语
2014/01/18 职场文书
暑期培训随笔感言
2014/03/10 职场文书
村长贪污检举信
2014/04/04 职场文书
初中学习计划书范文
2014/09/15 职场文书