jQuery类选择器用法实例


Posted in Javascript onDecember 23, 2014

本文实例讲述了jQuery类选择器用法。分享给大家供大家参考。具体分析如下:

类选择的器匹配具有指定类名的所有元素。

例子:

$(".mydiv")

以上代码选取类名为mydiv的所有元素。
注意:在mydiv前面有一点(.)。
实例代码:

<!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; 

  margin-top:10px; 

} 

</style> 

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("button").click(function(){ 

    $(".mydiv").hide(); 

  }) 

}) 

</script> 

</head> 

<body> 

  <div class="mydiv"></div> 

  <div class="anotherdiv"></div> 

  <button>点击隐藏div元素</button> 

</body> 

</html>

以上代码可以将类名为mydiv的div元素隐藏。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
判断页面是关闭还是刷新的js代码
Jan 28 Javascript
javascript应用:Iframe自适应其加载的内容高度
Apr 10 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 06 Javascript
基于Jquery的动态创建DOM元素的代码
Dec 28 Javascript
js 判断checkbox是否选中的操作方法
Nov 09 Javascript
JS图像无缝滚动脚本非常好用
Feb 10 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
Feb 25 Javascript
浅谈Jquery为元素绑定事件
Apr 27 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
Aug 04 Javascript
js简易版购物车功能
Jun 17 Javascript
vue 界面刷新数据被清除 localStorage的使用详解
Sep 16 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
Jul 19 Javascript
基于JQuery制作可编辑的表格特效
Dec 23 #Javascript
JavaScript调试工具汇总
Dec 23 #Javascript
jQuery制作简洁的多级联动Select下拉框
Dec 23 #Javascript
jQuery元素选择器用法实例
Dec 23 #Javascript
jquery制作漂亮的弹出层提示消息特效
Dec 23 #Javascript
使用jQuery仿苹果官网焦点图特效
Dec 23 #Javascript
jQuery分组选择器用法实例
Dec 23 #Javascript
You might like
解决163/sohu/sina不能够收到PHP MAIL函数发出邮件的问题
2009/03/13 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
javascript 函数使用说明
2010/04/07 Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
2011/07/10 Javascript
jQuery中position()方法用法实例
2015/01/16 Javascript
JQuery 设置checkbox值二次无效的解决方法
2016/07/22 Javascript
浅谈js数组和splice的用法
2016/12/04 Javascript
Vue中img的src属性绑定与static文件夹实例
2017/05/18 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
2017/09/21 Javascript
实现一个完整的Node.js RESTful API的示例
2017/09/29 Javascript
Vue中对比scoped css和css module的区别
2018/05/17 Javascript
vue slots 组件的组合/分发实例
2018/09/06 Javascript
小试SVG之新手小白入门教程
2019/01/08 Javascript
Vue Autocomplete 自动完成功能简单示例
2019/05/25 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
在node环境下parse Smarty模板的使用示例代码
2019/11/15 Javascript
微信小程序实现音频文件播放进度的实例代码
2020/03/02 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
Python多线程实例教程
2014/09/06 Python
python实现文本文件合并
2015/12/29 Python
python字符串过滤性能比较5种方法
2017/06/22 Python
python调用自定义函数的实例操作
2019/06/26 Python
利用python实现逐步回归
2020/02/24 Python
对python中arange()和linspace()的区别说明
2020/05/03 Python
django正续或者倒序查库实例
2020/05/19 Python
浅谈keras保存模型中的save()和save_weights()区别
2020/05/21 Python
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
美国香薰蜡烛品牌:PADDYWAX
2018/10/06 全球购物
如果Session Bean得Remove方法一直都不被调用会怎么样
2012/07/14 面试题
美术指导求职信
2014/03/17 职场文书
理想演讲稿范文
2014/05/21 职场文书
党的群众路线教育实践活动督导组工作情况汇报
2014/10/28 职场文书
中标通知书范本
2015/04/17 职场文书
2015社区六五普法工作总结
2015/04/21 职场文书
推荐六本经典文学奖书籍:此生必读
2019/08/22 职场文书