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实现兼容IE7的类库 IE7_0_9.zip提供下载
Aug 08 Javascript
js removeChild 障眼法 可能出现的错误
Oct 06 Javascript
JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
Oct 11 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
Oct 24 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
Mar 20 Javascript
分享JavaScript与Java中MD5使用两个例子
Dec 23 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
Jul 24 Javascript
JS正则表达式验证密码格式的集中情况总结
Feb 23 Javascript
在vue中解决提示警告 for循环报错的方法
Sep 28 Javascript
详解基于electron制作一个node压缩图片的桌面应用
Jan 29 Javascript
浅析vue中的MVVM实现原理
Mar 04 Javascript
Vue使用v-viewer实现图片预览
Oct 21 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学习笔记 数组的常用函数
2011/06/13 PHP
Laravel中Trait的用法实例详解
2016/03/16 PHP
CI框架整合widget(页面格局)的方法
2016/05/17 PHP
PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)
2017/08/15 PHP
ThinkPHP中获取指定日期后工作日的具体日期方法
2018/10/14 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
js实现异步循环实现代码
2016/02/16 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
2016/04/17 Javascript
jQuery图片渐变特效的简单实现
2016/06/25 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
2016/10/15 Javascript
JS中的Replace()传入函数时的用法详解
2017/09/11 Javascript
vue实现导航栏效果(选中状态刷新不消失)
2017/12/13 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
2019/02/01 Javascript
vue-cli脚手架打包静态资源请求出错的原因与解决
2019/06/06 Javascript
如何实现一个简易版的vuex持久化工具
2019/09/11 Javascript
ES5新增数组的实现方法
2020/05/12 Javascript
如何使用jQuery操作Cookies方法解析
2020/09/08 jQuery
微信小程序实现简单购物车功能
2020/12/30 Javascript
使用Typescript开发微信小程序的步骤详解
2021/01/12 Javascript
老生常谈python之鸭子类和多态
2017/06/13 Python
Python中的错误和异常处理简单操作示例【try-except用法】
2017/07/25 Python
Python对数据进行插值和下采样的方法
2018/07/03 Python
Python定时发送消息的脚本:每天跟你女朋友说晚安
2018/10/21 Python
对Python模块导入时全局变量__all__的作用详解
2019/01/11 Python
使用豆瓣源来安装python中的第三方库方法
2021/01/26 Python
CSS3 @media的基本用法总结
2019/09/10 HTML / CSS
新加坡网上化妆品店:Best Buy World
2018/05/18 全球购物
Kipling澳洲官网:购买凯浦林包包
2020/12/17 全球购物
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
为数据库创建索引都需要注意些什么
2012/07/17 面试题
行政前台岗位职责
2013/12/04 职场文书
2014年党员自我剖析材料
2014/10/07 职场文书
《童年的发现》教学反思
2016/02/18 职场文书
MySQL into_Mysql中replace与replace into用法案例详解
2021/09/14 MySQL
如何设置多台电脑共享打印机?多台电脑共享打印机的方法
2022/04/08 数码科技
Python进程池与进程锁之语法学习
2022/04/11 Python