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 相关文章推荐
window.onload 加载完毕的问题及解决方案(上)
Jul 09 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
Aug 01 Javascript
flash遮住div问题的正确解决方法
Feb 27 Javascript
jQuery实现多按钮单击变色
Nov 27 Javascript
浅析AngularJS Filter用法
Dec 28 Javascript
jquery实现简单的遮罩层
Jan 08 Javascript
基于jquery实现下拉框美化特效
Feb 02 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
Sep 18 Javascript
详解如何使用webpack打包JS
Jun 21 Javascript
VUE基于NUXT的SSR 服务端渲染
Nov 30 Javascript
jQuery实现的别踩白块小游戏完整示例
Jan 07 jQuery
详解mpvue开发微信小程序基础知识
Sep 23 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
解析百度搜索结果link?url=参数分析 (全)
2012/10/09 PHP
PHP生成验证码时“图像因其本身有错无法显示”的解决方法
2013/08/07 PHP
php实现给图片加灰色半透明效果的方法
2014/10/20 PHP
golang 调用 php7详解及实例
2017/01/04 PHP
php实现数据库的增删改查
2017/02/26 PHP
laravel-admin 后台表格筛选设置默认的查询日期方法
2019/10/03 PHP
Laravel框架源码解析之入口文件原理分析
2020/05/14 PHP
由JavaScript技术实现的web小游戏(不含网游)
2010/06/12 Javascript
javascript suggest效果 自动完成实现代码分享
2012/02/17 Javascript
通过url查找a元素并点击
2014/04/09 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
2015/05/11 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
2015/06/19 Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
2016/06/22 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
socket.io学习教程之基本应用(二)
2017/04/29 Javascript
Emberjs 通过 axios 下载文件的方法
2019/09/03 Javascript
vue-cli 为项目设置别名的方法
2019/10/15 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
Vue项目打包部署到apache服务器的方法步骤
2021/02/01 Vue.js
[04:30]显微镜下的DOTA2第五期——拉比克
2013/09/26 DOTA
[01:24:34]2014 DOTA2华西杯精英邀请赛5 24 DK VS LGD
2014/05/25 DOTA
Python 迭代器与生成器实例详解
2017/05/18 Python
python交互式图形编程实例(二)
2017/11/17 Python
Python中property函数用法实例分析
2018/06/04 Python
pandas将多个dataframe以多个sheet的形式保存到一个excel文件中
2019/10/10 Python
python 上下文管理器及自定义原理解析
2019/11/19 Python
css3中用animation的steps属性制作帧动画
2019/04/25 HTML / CSS
使用css3 属性如何丰富图片样式(圆角 阴影 渐变)
2012/11/22 HTML / CSS
屈臣氏官方旗舰店:亚洲享负盛名的保健及美妆零售商
2019/03/15 全球购物
党员批评与自我批评
2014/02/12 职场文书
情人节寄语大全
2014/04/11 职场文书
2014年教师节活动总结
2014/08/29 职场文书
民事和解协议书格式
2014/11/29 职场文书
升学宴家长致辞
2015/07/27 职场文书
装修公司管理制度
2015/08/05 职场文书
Linux中sftp常用命令整理
2022/06/28 Servers