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 03 Javascript
js获取微信版本号的方法
May 12 Javascript
JavaScript编写推箱子游戏
Jul 07 Javascript
浅谈JavaScript 覆盖原型以及更改原型
Aug 31 Javascript
AngularGauge 属性解析详解
Sep 06 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 Javascript
Vue中$refs的用法详解
Jun 24 Javascript
深入浅出理解JavaScript高级定时器原理与用法
Aug 02 Javascript
vue使用codemirror的两种用法
Aug 27 Javascript
vue如何使用外部特殊字体的操作
Jul 30 Javascript
JS ES6异步解决方案
Apr 29 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
wiki-shan写的php在线加密的解密程序
2008/09/07 PHP
PHP得到mssql的存储过程的输出参数功能实现
2012/11/23 PHP
php htmlentities()函数的定义和用法
2016/05/13 PHP
Thinkphp5.0 框架使用模型Model添加、更新、删除数据操作详解
2019/10/11 PHP
GRID拖拽行的实例代码
2013/07/18 Javascript
node.js不得不说的12点内容
2014/07/14 Javascript
JavaScript中的console.group()函数详细介绍
2014/12/29 Javascript
JavaScript判断是否为数组的3种方法及效率比较
2015/04/01 Javascript
IE6兼容透明背景图片及解决方案
2015/08/19 Javascript
javascript中json对象json数组json字符串互转及取值方法
2017/04/19 Javascript
vue中动态设置meta标签和title标签的方法
2018/07/11 Javascript
js实现点击图片在屏幕中间弹出放大效果
2019/09/11 Javascript
基于form-data请求格式详解
2019/10/29 Javascript
js 函数性能比较方法
2020/08/24 Javascript
[05:17]DOTA2睡衣妹卖萌求签名 CJ第二天全明星影像
2013/07/28 DOTA
Python中bisect的用法
2014/09/23 Python
再谈Python中的字符串与字符编码(推荐)
2016/12/14 Python
python实现requests发送/上传多个文件的示例
2018/06/04 Python
把csv文件转化为数组及数组的切片方法
2018/07/04 Python
Python实现二叉树的常见遍历操作总结【7种方法】
2019/03/06 Python
python的set处理二维数组转一维数组的方法示例
2019/05/31 Python
使用Python实现毫秒级抢单功能
2019/06/06 Python
python FTP批量下载/删除/上传实例
2019/12/22 Python
利用python实现汉诺塔游戏
2021/03/01 Python
基于IE10/HTML5 开发
2013/04/22 HTML / CSS
雅诗兰黛美国官网:Estee Lauder美国
2016/07/21 全球购物
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
美国电力供应商店/电气批发商:USESI
2018/10/12 全球购物
如果让你测试一台高速激光打印机,你都会进行哪些测试
2012/12/04 面试题
火车的故事教学反思
2014/02/11 职场文书
高中生期中考试失利检讨书
2014/10/23 职场文书
小学生毕业评语
2014/12/26 职场文书
社区青年志愿者活动总结
2015/05/06 职场文书
听证会主持词
2015/07/03 职场文书
go语言map与string的相互转换的实现
2021/04/07 Golang
教你解决往mysql数据库中存入汉字报错的方法
2021/05/06 MySQL