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 相关文章推荐
JavaScript 判断浏览器是否支持SVG的代码
Mar 21 Javascript
获取鼠标在div中的相对位置的实现代码
Dec 30 Javascript
Javascript 实现图片无缝滚动
Dec 19 Javascript
javascript元素动态创建实现方法
May 13 Javascript
Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能
Nov 02 Javascript
jquery html5 视频播放控制代码
Nov 06 Javascript
Node.js中如何合并两个复杂对象详解
Dec 31 Javascript
前端构建工具之gulp的语法教程
Jun 12 Javascript
微信小程序实现城市列表选择
Jun 05 Javascript
layui--js控制switch的切换方法
Sep 03 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
vue data对象重新赋值无效(未更改)的解决方式
Jul 24 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之PHP语法学习笔记1
2006/12/17 PHP
php radio 单选框获取与保持值的实现代码
2010/05/15 PHP
php数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
利用中国天气预报接口实现简单天气预报
2014/01/20 PHP
微信公众平台消息接口校验与消息接口响应实例
2014/12/23 PHP
document.all的一个比较完整的总结及案例
2013/01/31 Javascript
PHP 数组current和next用法分享
2015/03/05 Javascript
jQuery实现获取table表格第一列值的方法
2016/03/01 Javascript
js实现无缝循环滚动
2020/06/23 Javascript
Vue.js学习示例分享
2017/02/05 Javascript
jQuery实现简单漂亮的Nav导航菜单效果
2017/03/29 jQuery
用户管理的设计_jquery的ajax实现二级联动效果
2017/07/13 jQuery
JavaScript实现三级联动菜单效果
2017/08/16 Javascript
详解vue.js之props传递参数
2017/12/12 Javascript
Vue组件开发技巧总结
2018/03/04 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
2018/08/02 Javascript
Vue2.0 实现页面缓存和不缓存的方式
2019/11/12 Javascript
js实现3D旋转效果
2020/08/18 Javascript
vue实现打地鼠小游戏
2020/08/21 Javascript
vue自定义指令和动态路由实现权限控制
2020/08/28 Javascript
Vue项目中使用mock.js的完整步骤
2021/01/12 Vue.js
python使用pycharm环境调用opencv库
2018/02/11 Python
Python常见的pandas用法demo示例
2019/03/16 Python
深入解析Python小白学习【操作列表】
2019/03/23 Python
python 二维矩阵转三维矩阵示例
2019/11/30 Python
python通过文本在一个图中画多条线的实例
2020/02/21 Python
tensorflow实现将ckpt转pb文件的方法
2020/04/22 Python
详解HTML5将footer置于页面最底部的方法(CSS+JS)
2018/10/11 HTML / CSS
Ramy Brook官网:美国现代女装品牌
2019/06/18 全球购物
护士毕业生自荐信
2014/02/07 职场文书
毕业自我鉴定怎么写
2014/03/25 职场文书
《放飞蜻蜓》教学反思
2014/04/27 职场文书
村主任个人对照检查材料
2014/10/01 职场文书
党性分析自查总结
2014/10/14 职场文书
培训学校2015年度工作总结
2015/07/20 职场文书
入党心得体会
2019/06/20 职场文书