编程 Javascript

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程序设计有所帮助。

jQuery类选择器用法实例

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Prototype 学习工具函数学习($w,$F方法)

Jul 12 Javascript

JavaScript 盒模型尺寸深入理解

Dec 31 Javascript

angularjs学习笔记之完整的项目结构

Sep 26 Javascript

jquery 判断selection range 是否在容器中的简单实例

Aug 02 Javascript

jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】

Mar 21 jQuery

HTML5+jQuery实现搜索智能匹配功能

Mar 24 jQuery

浅谈vue项目如何打包扔向服务器

May 08 Javascript

浅谈使用mpvue开发小程序需要注意和了解的知识点

May 23 Javascript

JavaScript函数apply()和call()用法与异同分析

Aug 10 Javascript

我要点爆”微信小程序云开发之项目建立与我的页面功能实现

May 26 Javascript

JS中FormData类实现文件上传

Mar 27 Javascript

vue实现输入框自动跳转功能

May 20 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