分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

jquery 选择器

发布时间:2023-09-06 01:29责任编辑:赖小花关键词:选择器
一、基本选择器
 
  ID选择器                   $("#id")
 
  标签选择器                $("ele")
 
  类选择器                   $(".classname")
 
  通配选择器                $("*")
 
  组选择器                   $("select1,select2")
 
二、层级选择器
 
1.包含选择器:$(“a b”)在给定的祖先元素下匹配所有后代元素(不受层级限制)
      
1 ??????$(function(){2 ?????????$("#box,.pox").css("background","cyan");3 ?????})
2.子选择器:$(“parent>child”)在给定的父元素下匹配所有子元素。
        
1 ???$(function(){2 ?????????$("#box>p").css("background","green");3 ?????})
3.相邻选择器:$(“prev + next”)匹配所有紧接在prev元素后的next元素。
      
 ?????$(function(){ ????????$(".pox+p").css("background","blue"); ????})
4.兄弟选择器:$(“prev ~ siblings”)匹配prev元素之后的所有sibling元素
 ???$(function(){ ????????$("#box .pox~p").css("background","yellow"); ?????})
三、伪类选择器(从 1 开始记)
 
  :first                   匹配找到的第1个元素
  
  :last                    匹配找到的最后一个元素
  
  :eq()                   匹配一个给定索引值的元素  【 定哪个就从那个以后算】
  
  :even                 匹配所有索引值为偶数的元素  【1为偶数】
  
  :odd                   匹配所有索引值为奇数的元素
  
  :gt(index)           匹配所有大于给定索引值的元素  【大于+1】
  
  :lt(index)            匹配所有小于给定索引值的元素  【含自身】
  
  :not                     去除所有与给定选择器匹配的元素

jquery 选择器

原文地址:http://www.cnblogs.com/Makeprogresstogether/p/8011476.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved