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实现iframe动态调整高度的代码
Jan 06 Javascript
javascript循环变量注册dom事件 之强大的闭包
Sep 08 Javascript
js图片自动切换效果处理代码
May 07 Javascript
JS来动态的修改url实现对url的增删查改
Sep 05 Javascript
js获取页面description的方法
May 21 Javascript
Javascript中的作用域和上下文深入理解
Jul 03 Javascript
总结javascript中的六种迭代器
Aug 16 Javascript
详解自定义ajax支持跨域组件封装
Feb 08 Javascript
Angular4学习笔记router的简单使用
Mar 30 Javascript
js中getter和setter用法实例分析
Aug 14 Javascript
Node.js中读取TXT文件内容fs.readFile()用法
Oct 10 Javascript
Vue 技巧之控制父类的 slot
Feb 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与SQL注入攻击[一]
2007/04/17 PHP
php生成excel文件的简单方法
2014/02/08 PHP
smarty模板判断数组为空的方法
2015/06/10 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
拖动一个HTML元素
2006/12/22 Javascript
window.addeventjs事件驱动函数集合addEvent等
2008/02/19 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
2014/11/12 Javascript
JS验证邮件地址格式方法小结
2015/12/01 Javascript
json的使用小结
2016/06/08 Javascript
jquery实现输入框实时输入触发事件代码
2016/12/21 Javascript
js使用i18n实现页面国际化的方法
2017/05/09 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
javascrit中undefined和null的区别详解
2019/04/07 Javascript
详解js实时获取并显示当前时间的方法
2019/05/10 Javascript
Vuex 模块化使用详解
2019/07/31 Javascript
layui点击按钮页面会自动刷新的解决方案
2019/10/25 Javascript
React实现阿里云OSS上传文件的示例
2020/08/10 Javascript
[02:21]DOTA2英雄基础教程 蝙蝠骑士
2013/12/16 DOTA
Python异常学习笔记
2015/02/03 Python
用Python代码来解图片迷宫的方法整理
2015/04/02 Python
浅谈python正则的常用方法 覆盖范围70%以上
2018/03/14 Python
Pandas 同元素多列去重的实例
2018/07/03 Python
Python发展简史 Python来历
2019/05/14 Python
Pytorch实现GoogLeNet的方法
2019/08/18 Python
pandas条件组合筛选和按范围筛选的示例代码
2019/08/26 Python
卸载tensorflow-cpu重装tensorflow-gpu操作
2020/06/23 Python
Python 使用双重循环打印图形菱形操作
2020/08/09 Python
英国高档百货连锁店:John Lewis
2017/11/20 全球购物
MATCHESFASHION.COM法国官网:英国奢侈品零售商
2018/01/04 全球购物
女性时尚在线:IVRose
2019/02/23 全球购物
英国最好的温室之家:Greenhouses Direct
2019/07/13 全球购物
广告艺术设计专业自荐书
2014/07/08 职场文书
2015年初中元旦晚会活动总结
2014/11/28 职场文书
小学班主任事迹材料
2014/12/17 职场文书
2016年第104个国际护士节活动总结
2016/04/06 职场文书
Javascript中Microtask和Macrotask鲜为人知的知识点
2022/04/02 Javascript