(4)Jquery1.8.3快速入门

一、Jquery选择器：

基本选择器；
1、id #id 根据元素的id获取的唯一元素。
2、class .class 样式名相同的元素。
3、元素名 div 所有div元素。
4、所有 * 所有元素。
5、并集 div,#spanid 所有的div 加 id是 spanid的元素。

示例：

源码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery 学习1</title>
<!--  导入jquery库 -->
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){$("#btn1").click(function(){$("#d1").css("background","#FFBBAA");});$("#btn2").click(function(){$(".cd1").css("background","#FFBBAA");});$("#btn3").click(function(){$("div").css("background","#FFBBAA");});$("#btn4").click(function(){$("*").css("background","#FFBBAA");});$("#btn5").click(function(){$("span,.cd1").css("background","#00ff00");});})</script></head>
<body>
Jquery的选择器：基本选择器；
<br>
1、id       #id    根据元素的id获取的唯一元素。
<br>
2、class    .class   样式名相同的元素。
<br>
3、元素名            div     所有div元素。
<br/>
4、所有              *             所有元素。
<br/>
5、并集             div,#spanid  所有的div 加 id是 spanid的元素。
<br>
<hr>
<button id="btn1">根据id获取</button>
<button id="btn2">根据class获取</button>
<button id="btn3">根据元素名获取</button>
<button id="btn4">获取所有的元素</button>
<button id="btn5">获取指定的多个元素</button>
<div id="d1"> 根据id获取的div</div>
<div class="cd1"> 根据class获取的div</div>
<div class="cd1"> 根据class获取的div</div>
<div >根据标签获取的div</div>
<span> 这是一个span 信息</span></body>
</html>

转载于:https://www.cnblogs.com/prefectjava/p/9126193.html

(4)Jquery1.8.3快速入门_基本选择器相关推荐

lucene快速入门_为Lucene选择快速唯一标识符（UUID）
lucene快速入门大多数使用Apache Lucene的搜索应用程序都会为每个索引文档分配一个唯一的ID(即主键). 尽管Lucene本身不需要这样做(它可能不太在乎!),但应用程序通常需要它以后 ...
【笔记目录1】【jessetalk 】ASP.NET Core快速入门_学习笔记汇总
当前标签: ASP.NET Core快速入门共2页: 1 2 下一页任务50:Identity MVC:DbContextSeed初始化 GASA 2019-03-02 14:09 阅读:16 ...
bootstrap快速入门_在5分钟内学习Bootstrap 4-快速入门指南
bootstrap快速入门了解世界上最受欢迎的前端组件库的最新版本. (Get to know the newest version of the worlds most popular front ...
java安卓开发快速入门_安卓程序员如何快速入门后端开发常识
首先,对于安卓开发人员来说,学习一下后端开发知识是有必要的,一方面可以拓展自身的知识面,另一方面也可以推动自己走向全栈程序员发展路线,在云计算时代,全栈程序员的发展空间会更大一些. 相对来说,安卓程序 ...
java redis快速入门_快速入门Redis系列(3)——Redis的JavaAPI操作(附带练习)
作为快速入门Redis系列的第三篇博客,本篇为大家带来的是Redis的JavaAPI操作. 码字不易,先赞后看! Redis的JavaAPI操作看完了上一篇博客,相信大家对于Redis的数据类型有了 ...
jquery mobile快速入门_【K些项目】学透jquery，11个国内最新项目资料
对代码.编程感兴趣的可以关注老K玩代码和我交流! " jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaSc ...
opencv 4快速入门_基于OpenCV的图像融合
本期我们将一起学习如何使用OpenCV的进行图像拼接. 01. 目录 python 入门步骤1 -图像导入步骤2-调整图像大小步骤3-融合图像步骤4-导出结果 02. Python Pytho ...
opencv 4快速入门_茶知识｜茶道核心4元素，看懂你也可以快速入门茶道！先收藏...
中国茶道有四个元素:环境,礼节,茶艺,心境四大要素 1.环境茶道是在一定环境下进行的茶道活动. 茶道特别讲究环境的选择,它旨在通过环境来陶冶情操和净化灵魂. 因此,它需要一个与茶道相匹配的环境,茶道 ...
Spring MVC 教程,快速入门,深入分析
目录转载自:http://elf8848.iteye.com/blog/875830 资源下载: Spring_MVC_教程_快速入门_深入分析V1.1.pdf 点击打开链接 SpringMVC核 ...
ccs一个简单的快速入门
文章目录 1. 什么是css 网址 1.1 什么是css 1.2 发展史. 2.快速入门选择器 1.三大基本选择器 2. 层次选择器 3.结构伪类选择器 4. 属性选择器(常用) 样式三大样式 3 ...

(4)Jquery1.8.3快速入门_基本选择器

(4)Jquery1.8.3快速入门_基本选择器相关推荐

最新文章

热门文章