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 相关文章推荐
20个非常棒的Jquery实用工具 国外文章
Jan 01 Javascript
JavaScript 面向对象编程(2) 定义类
May 18 Javascript
JavaScript Scoping and Hoisting 翻译
Jul 03 Javascript
Node.js开发者必须了解的4个JS要点
Feb 21 Javascript
JQuery ztree 异步加载实例讲解
Feb 25 Javascript
JS中使用变量保存arguments对象的方法
Jun 03 Javascript
分享JavaScript监听全部Ajax请求事件的方法
Aug 28 Javascript
js实现简单的获取验证码按钮效果
Mar 03 Javascript
微信小程序下拉刷新界面的实现
Sep 28 Javascript
checkbox在vue中的用法小结
Nov 13 Javascript
浅析Vue中拆分视图层代码的5点建议
Aug 15 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
Aug 16 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获取163、gmail、126等邮箱联系人地址【已测试2009.10.10】
2009/10/11 PHP
php实现保存周期为1天的购物车类
2017/07/07 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
PHP chunk_split()函数讲解
2019/02/12 PHP
JavaScript Prototype对象
2009/01/07 Javascript
全面兼容的javascript时间格式化函数(比较实用)
2014/05/14 Javascript
jquery实现的树形目录实例
2015/06/26 Javascript
全面解析Bootstrap表单使用方法(表单按钮)
2015/11/24 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
2020/04/23 Javascript
AngularJS 指令的交互详解及实例代码
2016/09/14 Javascript
js字符串倒序的实例代码
2018/11/30 Javascript
微信小程序如何实现在线客服功能
2019/10/16 Javascript
详解element上传组件before-remove钩子问题解决
2020/04/08 Javascript
vue组件添加事件@click.native操作
2020/10/30 Javascript
基于JavaScript实现轮播图效果
2021/01/02 Javascript
[00:36]DOTA2风云人物相约完美“圣”典 12月17日不见不散
2016/11/30 DOTA
python根据日期返回星期几的方法
2015/07/06 Python
python如何实现excel数据添加到mongodb
2015/07/30 Python
Python字符串和字典相关操作的实例详解
2017/09/23 Python
Linux上使用Python统计每天的键盘输入次数
2019/04/17 Python
pandas通过字典生成dataframe的方法步骤
2019/07/23 Python
Python求解正态分布置信区间教程
2019/11/20 Python
Python生成个性签名图片获取GUI过程解析
2019/12/16 Python
python动态文本进度条的实例代码
2020/01/22 Python
python的launcher用法知识点总结
2020/08/07 Python
python+appium+yaml移动端自动化测试框架实现详解
2020/11/24 Python
html5 拖拽上传图片实例演示
2013/04/01 HTML / CSS
澳洲Chemist Direct药房中文网:澳洲大型线上直邮药房
2019/11/04 全球购物
纬创Java面试题笔试题
2014/10/02 面试题
运动会广播稿60字
2014/01/15 职场文书
珍惜资源的建议书
2014/08/26 职场文书
2014年前台个人工作总结
2014/11/14 职场文书
少先队辅导员事迹材料
2014/12/24 职场文书
警告通知
2015/04/25 职场文书
刑事起诉书范文
2015/05/19 职场文书
九年级数学教学反思
2016/02/17 职场文书