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控件autocomplete 0.11演示及下载 1月5日已更新
Jan 09 Javascript
dess中一个简单的多路委托的实现
Jul 20 Javascript
JavaScript中使用构造函数实现继承的代码
Aug 12 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
Nov 13 Javascript
JavaScript中用字面量创建对象介绍
Dec 31 Javascript
JavaScript实现多个重叠层点击切换效果的方法
Apr 24 Javascript
基于jQuery的ajax方法封装
Jul 14 Javascript
AngularJS指令详解及示例代码
Aug 16 Javascript
jquery实现全选、不选、反选的两种方法
Sep 06 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
Jan 18 Javascript
Vue实现动态响应数据变化
Apr 28 Javascript
angular使用bootstrap方法手动启动的实例代码
Jul 18 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转换颜色为其反色的方法
2015/04/27 PHP
php比较两个字符串长度的方法
2015/07/13 PHP
详解PHP中websocket的使用方法
2016/09/15 PHP
PHP使用POP3读取邮箱接收邮件的示例代码
2020/07/08 PHP
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
2013/11/22 Javascript
ExtJS的拖拽效果示例
2013/12/09 Javascript
jQuery中复合属性选择器用法实例
2014/12/31 Javascript
JavaScript中消除闭包的一般方法介绍
2015/03/16 Javascript
深入浅析JavaScript中对事件的三种监听方式
2015/09/29 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
2015/11/02 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
2016/07/12 Javascript
jQuery自制提示框tooltip改进版
2016/08/01 Javascript
Angularjs CURD 详解及实例代码
2016/09/14 Javascript
jquery自定义表单验证插件
2016/10/12 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
2017/02/08 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
javascript基础练习之翻转字符串与回文
2017/02/20 Javascript
vue.js整合vux中的上拉加载下拉刷新实例教程
2018/01/09 Javascript
使用Angular CLI从蓝本生成代码详解
2018/03/24 Javascript
微信小程序上传图片实例
2018/05/28 Javascript
vue-router 手势滑动触发返回功能
2018/09/30 Javascript
VUE项目中加载已保存的笔记实例方法
2019/09/14 Javascript
解决vue一个页面中复用同一个echarts组件的问题
2020/07/19 Javascript
vue 解决addRoutes多次添加路由重复的操作
2020/08/04 Javascript
Python生成器(Generator)详解
2015/04/13 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
python 接口返回的json字符串实例
2018/03/27 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
Tensorflow全局设置可见GPU编号操作
2020/06/30 Python
python matplotlib绘制三维图的示例
2020/09/24 Python
Yankee Candle官网:美国最畅销蜡烛品牌之一
2020/01/05 全球购物
质检部经理岗位职责
2014/02/19 职场文书
房屋买卖协议书范本
2014/09/27 职场文书
单方投资意向书
2015/05/11 职场文书
Javascript 解构赋值详情
2021/11/17 Javascript
苹果macOS 13开发者预览版Beta 8发布 正式版10月发布
2022/09/23 数码科技