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 页面执行时间计算代码
Mar 04 Javascript
WordPress 照片lightbox效果的运用几点
Jun 22 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
Dec 26 Javascript
详解微信小程序调起键盘性能优化
Jul 24 Javascript
Vue.js中 v-model 指令的修饰符详解
Dec 03 Javascript
JS中的函数与对象的创建方式
May 12 Javascript
bootstrap table列和表头对不齐的解决方法
Jul 19 Javascript
angular异步验证防抖踩坑实录
Dec 01 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
Mar 12 Javascript
vue+animation实现翻页动画
Jun 29 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
Aug 04 Javascript
Vue axios 跨域请求无法带上cookie的解决
Sep 08 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
ADODB类使用
2006/11/25 PHP
php抓取页面的几种方法详解
2013/06/17 PHP
typecho插件编写教程(一):Hello World
2015/05/28 PHP
PHP实现的随机红包算法示例
2017/08/14 PHP
phpstudy的php版本自由修改的方法
2017/10/18 PHP
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
2013/07/03 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
2014/06/16 Javascript
原生JS实现图片轮播与淡入效果的简单实例
2016/08/21 Javascript
Node.js的文件权限及读写flag详解
2016/10/11 Javascript
Bootstrap栅格系统学习笔记
2016/11/25 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
2017/01/25 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
JavaScript中创建原子的方法总结
2018/08/26 Javascript
el-select数据过多懒加载的解决(loadmore)
2019/05/29 Javascript
vue设置动态请求地址的例子
2019/11/01 Javascript
JavaScript实现商品评价五星好评
2020/11/30 Javascript
[01:28]2014DOTA2国际邀请赛中国区预选赛四大豪门直升机抵达会场
2014/05/24 DOTA
[42:39]老党炸弹人试玩视频
2014/09/03 DOTA
Python的Flask框架中web表单的教程
2015/04/20 Python
python通过smpt发送邮件的方法
2015/04/30 Python
你所不知道的Python奇技淫巧13招【实用】
2016/12/14 Python
在VS Code上搭建Python开发环境的方法
2018/04/06 Python
python 一维二维插值实例
2020/04/22 Python
python多进程下的生产者和消费者模型
2020/05/07 Python
python3.4中清屏的处理方法
2020/07/06 Python
Java基础知识面试题
2014/03/25 面试题
高中同学聚会邀请函
2014/01/11 职场文书
学生实习介绍信
2014/01/15 职场文书
初三班主任寄语大全
2014/04/04 职场文书
横幅标语大全
2014/06/17 职场文书
科学发展观演讲稿
2014/09/11 职场文书
邹越演讲观后感
2015/06/15 职场文书
新闻简讯格式及范文
2015/07/22 职场文书
分享3个非常实用的 Python 模块
2022/03/03 Python
python实现对doc、txt、xls等文档的读写操作
2022/04/02 Python