• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 老生常谈jquery id选择器和class选择器的区别

老生常谈jquery id选择器和class选择器的区别

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了老生常谈,老生常谈的意思,老生常谈是什么意思,老生常谈的近义词,老生常谈造句等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

实例如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link href="style.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css"/>
  <script type="text/javascript" src="jquery-2.1.4.js"></script>
  <script type="text/javascript" src="dams.js">
  </script>
</head>
<body>
  <div class="box">hello</div>
  <div class="box">world</div>
</body>
</html>



$(function(){
  alert($('.box').size());  //返回2
});

</div>

size() 方法返回DOM对象的个数

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link href="style.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css"/>
  <script type="text/javascript" src="jquery-2.1.4.js"></script>
  <script type="text/javascript" src="dams.js">
  </script>
</head>
<body>
  <div id="box">hello</div>
  <div id="box">world</div>
</body>
</html>





$(function(){
  alert($('#box').size());  //只能获得一个id=box的DOM对象,返回1
});

</div>

即: id是唯一的,即使有多个id相同的元素,jquery选择器也只能获取其中一个 。所以:想在jquery中对id设置动作, id在页面中只允许出现一次。

对于CSS样式来说,可以选取页面中所有id=box的DOM对象:

#box {

  color: red;


};

</div>

jQuery选择器的写法和CSS选择器十分类似,但是功能却不同:

CSS找到元素后添加的是单一样式,而jquery添加的是动作行为。

以上这篇老生常谈jquery id选择器和class选择器的区别就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 老生常谈angularjs中的$state.go
  • 老生常谈combobox和combotree模糊查询
  • 老生常谈js中0到底是 true 还是 false
  • 老生常谈jquery中detach()和remove()的区别
  • 老生常谈jquery id选择器和class选择器的区别
  • 老生常谈的跨域处理

相关文章

  • 2017-05-11原生js实现中奖信息无间隙滚动效果
  • 2017-11-12前端存储的介绍和对比
  • 2017-05-11JS实现二叉查找树的建立以及一些遍历方法实现
  • 2017-05-11浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序
  • 2017-05-11VUE实现日历组件功能
  • 2018-01-05根据url路径下载文件
  • 2017-05-11jQuery使用unlock.js插件实现滑动解锁
  • 2017-05-11如何写好你的JavaScript【推荐】
  • 2017-05-11JavaScript获取select中text值的方法
  • 2017-05-11javascript 显示全局变量与隐式全局变量的区别

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Angular2 Service实现简单音乐播放器服务
    • 利用node.js搭建简单web服务器的方法教程
    • JS组件系列之JS组件封装过程详解
    • JavaScript使用原型和原型链实现对象继承的方法详解
    • react实现pure render时bind(this)隐患需注意!
    • 基于javascript实现最简单选项卡切换
    • AngularJS Toaster使用详解
    • 简单实现bootstrap导航效果
    • javascript循环链表之约瑟夫环的实现方法
    • JS轮播图中缓动函数的封装

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有