一、基本选择器

1. 元素选择器

选择所有的 <p> 元素

$("p")

2. ID选择器

选择 id 为 demo 的元素

$("#demo")

3. class类选择器

选择所有 class 为 test 的元素

$(".test")

二、实例

描述	代码
查找 ID 以 demo_ 开头的div	$("div[id^='demo_']")
查找 ID 以 6 结尾的div	$("div[id$='6']")
选取当前HTML元素	$(this)
选取 class 为 demo 的 <p> 元素	$("p.demo")
选取第一个 <p> 元素	$("p:first")
选取第一个 <ul> 元素的第一个 <li> 元素	$("ul li:first")
选取每个 <ul> 元素的第一个 <li> 元素	$("ul li:first-child")
选取带有 width 属性的元素	$("[width]")
选取所有 height 属性值等于 “100px” 的 <input> 元素	$("input[height='100px']")
选取所有 type = "button" 的 <input> 元素和 <button> 元素	$（":button")
选取所有偶数位置的 <tr> 元素	$("tr:even")
选取所有奇数位置的 <tr> 元素	$("tr:odd")

【jQuery】 # jQuery选择器相关推荐

jQuery的选择器（一）
2019独角兽企业重金招聘Python工程师标准>>> jQuery选择器完全继承CSS风格,jQuery 选择器允许对 HTML 元素组或单个元素进行操作. jQuery的选择器包 ...
jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)
第一章认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...
JQuery - Sizzle选择器引擎原理分析
说明:14年学习的jquery源码,搬到这里供大家交流.原文地址:https://segmentfault.com/a/1190000003933990 一.前言 Sizzle原来是jQuery里面的 ...
jQuery css()选择器使用说明
css选择器只是jquery中的一个功能罢了,下面我来给各位朋友详细介绍jQuery css()选择器使用方法与说明详解,有需要了解学习的同学可参考. CSS操作有一个重要的方法:CSS() CSS( ...
jQuery 基础选择器/层级选择器/隐式迭代
jQuery 选择器 jQuery 层级选择器隐式迭代(重要) <!DOCTYPE html> <html lang="en"><head>& ...
jquery lt选择器与gt选择器
:lt 选择器选取带有小于指定 index 值的元素. index 值从 0 开始. 经常与其他元素/选择器一起使用,来选择指定的组中特定序号之前的元素. <span style="f ...
java与jquery的选择器区别_JQuery选择器
原标题:JQuery选择器声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权:凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记. JQuery 介绍: 用于搜索H ...
JQuery简介选择器
JQuery简介&选择器文章目录 JQuery简介&选择器一.jquery介绍二.jquery加载三.jquery选择器 1.id选择器 2.类选择器 3.元素选择器 4.全选 ...
第70天：jQuery基本选择器（一）
一.jQuery基本选择器 jQuery是javascript的一个库,包含多个可重用的函数,用来辅助我们简化javascript开发 jQuery能做的javascipt都能做到,而javascri ...
jquery下选择器整理
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个 ...

【jQuery】 # jQuery选择器

一、基本选择器

1. 元素选择器

2. ID选择器

3. class类选择器

二、实例

描述

代码

【jQuery】 # jQuery选择器相关推荐

最新文章

热门文章