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模拟多线程
Feb 07 Javascript
jQuery实现统计复选框选中数量
Nov 24 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
Jul 29 Javascript
学习JavaScript正则表达式
Nov 13 Javascript
Javascript发送AJAX请求实例代码
Aug 21 Javascript
在vue中使用jointjs的方法
Mar 24 Javascript
JavaScript中arguments和this对象用法分析
Aug 08 Javascript
JS打印彩色菱形的实例代码
Aug 15 Javascript
vue-cli3环境变量与分环境打包的方法示例
Feb 18 Javascript
浅谈redux, koa, express 中间件实现对比解析
May 23 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
Oct 31 Javascript
JavaScript Window窗口对象属性和使用方法
Jan 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
实现了一个PHP5的getter/setter基类的代码
2007/02/25 PHP
php获取参数的几种方法总结
2014/02/18 PHP
PHP生成随机密码类分享
2014/06/25 PHP
php实现将上传word文件转为html的方法
2015/06/03 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
php compact 通过变量创建数组
2016/11/15 PHP
js精度溢出解决方案
2012/12/02 Javascript
禁用页面部分JavaScript方法的具体实现
2013/07/31 Javascript
node.js中的fs.chmod方法使用说明
2014/12/18 Javascript
JS中call和apply函数用法实例分析
2018/06/20 Javascript
Vue EventBus自定义组件事件传递
2018/06/25 Javascript
JS+H5 Canvas实现时钟效果
2018/07/20 Javascript
vue实现分页组件
2020/06/16 Javascript
微信小程序 如何获取网络状态
2019/07/26 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
python基于multiprocessing的多进程创建方法
2015/06/04 Python
Python打印输出数组中全部元素
2018/03/13 Python
详解Python中的四种队列
2018/05/21 Python
Python中的Django基本命令实例详解
2018/07/15 Python
python for 循环获取index索引的方法
2019/02/01 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
Python进程Multiprocessing模块原理解析
2020/02/28 Python
python字典和json.dumps()的遇到的坑分析
2020/03/11 Python
python 安装impala包步骤
2020/03/28 Python
PyCharm 光标变成黑块的解决方式
2021/02/06 Python
CSS3 不定高宽垂直水平居中的几种方式
2020/03/26 HTML / CSS
市场营销专业个人自荐信格式
2013/09/21 职场文书
十佳美德少年事迹材料
2014/02/05 职场文书
表彰大会策划方案
2014/05/13 职场文书
诉讼财产保全担保书
2014/05/20 职场文书
党员个人批评与自我批评
2014/10/14 职场文书
宝葫芦的秘密观后感
2015/06/11 职场文书
会计专业自荐信范文
2019/05/22 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python
Maven学习----Maven安装与环境变量配置教程
2021/06/29 Java/Android