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中eval详解
Mar 30 Javascript
js变换显示图片的实例
Apr 16 Javascript
FullCalendar日历插件应用之数据展现(一)
Dec 23 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
May 05 Javascript
JavaScript地理位置信息API
Jun 11 Javascript
Angular实现跨域(搜索框的下拉列表)
Feb 16 Javascript
vue element项目引入icon图标的方法
Jun 06 Javascript
基于vue2的canvas时钟倒计时组件步骤解析
Nov 05 Javascript
jQuery中实现text()的方法
Apr 04 jQuery
js利用递归与promise 按顺序请求数据的方法
Aug 30 Javascript
javascript中的with语句学习笔记及用法
Feb 17 Javascript
通过JS判断网页是否为手机打开
Oct 28 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入门源程序
2006/10/09 PHP
用Php编写注册后Email激活验证的实例代码
2013/03/11 PHP
php对图像的各种处理函数代码小结
2013/07/08 PHP
firefox中JS读取XML文件
2006/12/21 Javascript
驱动事件的addEvent.js代码
2007/03/27 Javascript
Javascript的匿名函数小结
2009/12/31 Javascript
再说AutoComplete自动补全之实现原理
2011/11/05 Javascript
SpringMVC返回json数据的三种方式
2015/12/10 Javascript
node.js实现快速截图
2016/08/27 Javascript
Vue组件开发初探
2017/02/14 Javascript
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
JS实现div模块的截图并下载功能
2017/10/17 Javascript
jQuery插件Validation表单验证详解
2018/05/26 jQuery
Vue实现购物车基本功能
2020/11/08 Javascript
你不知道的SpringBoot与Vue部署解决方案
2020/11/09 Javascript
在Django中创建URLconf相关的通用视图的方法
2015/07/20 Python
约瑟夫问题的Python和C++求解方法
2015/08/20 Python
利用Hyperic调用Python实现进程守护
2018/01/02 Python
python实现树形打印目录结构
2018/03/29 Python
python抽取指定url页面的title方法
2018/05/11 Python
Ubuntu18.04下python版本完美切换的解决方法
2019/06/14 Python
澳大利亚最大的网上油画销售画廊:Direct Art Australia
2018/04/15 全球购物
美国领先的机场停车聚合商:Airport Parking Reservations
2020/02/28 全球购物
农业大学毕业生的个人自我评价
2013/10/11 职场文书
环保建议书作文
2014/03/12 职场文书
历史专业大学生职业生涯规划书
2014/03/13 职场文书
建设幸福中国演讲稿
2014/09/11 职场文书
员工激励培训演讲稿
2014/09/16 职场文书
2014年个人师德工作总结
2014/12/04 职场文书
南京导游词
2015/02/03 职场文书
圆明园观后感
2015/06/03 职场文书
2015年汽车销售员工作总结
2015/07/24 职场文书
学习委员竞选稿
2015/11/20 职场文书
唱歌比赛拉拉队口号
2015/12/25 职场文书
大学生党员暑假实践(活动总结)
2019/08/21 职场文书
详解CocosCreator项目结构机制
2021/04/14 Javascript