首页 > 其他分享 >JQuery基础28_选择器2

JQuery基础28_选择器2

时间:2024-06-18 12:54:09浏览次数:29  
标签:JQuery 元素 28 指定 语法 索引 选择器 属性

一、作用

 筛选具有相似特征的元素(标签)

二、基本操作学习

 1、事件绑定

//1.获取b1按钮
$("#b1").click(function(){
alert("abc");
});

 2、入口函数

$(function () {

});

  window.onload 和 $(function) 区别
    window.onload 只能定义一次,如果定义多次,后边的会将前边的覆盖掉
    $(function)可以定义多次的。
 3、样式控制:css方法

// $("#div1").css("background-color","red");
$("#div1").css("backgroundColor","pink");

 

 

三、分类

 1、基本选择器
  1. 标签选择器(元素选择器)
    语法: $("html标签名") 获得所有匹配标签名称的元素
  2. id选择器
    语法: $("#id的属性值") 获得与指定id属性值匹配的元素
  3. 类选择器
    语法: $(".class的属性值") 获得与指定的class属性值匹配的元素
  4. 并集选择器:
    语法: $("选择器1,选择器2....") 获取多个选择器选中的所有元素
 2、层级选择器
  1. 后代选择器
    语法: $("A B ") 选择A元素内部的所有B元素
  2. 子选择器
    语法: $("A > B") 选择A元素内部的所有B子元素
 3、属性选择器
  1. 属性名称选择器
    语法: $("A[属性名]") 包含指定属性的选择器
  2. 属性选择器
    语法: $("A[属性名='值']") 包含指定属性等于指定值的选择器
  3. 复合属性选择器
    语法: $("A[属性名='值'][]...") 包含多个属性条件的选择器
 4、过滤选择器
  1. 首元素选择器
    语法: :first 获得选择的元素中的第一个元素
  2. 尾元素选择器
    语法: :last 获得选择的元素中的最后一个元素
  3. 非元素选择器
    语法: :not(selector) 不包括指定内容的元素
  4. 偶数选择器
    语法: :even 偶数,从 0 开始计数
  5. 奇数选择器
    语法: :odd 奇数,从 0 开始计数
  6. 等于索引选择器
    语法: :eq(index) 指定索引元素
  7. 大于索引选择器
    语法: :gt(index) 大于指定索引元素
  8. 小于索引选择器
    语法: :lt(index) 小于指定索引元素
  9. 标题选择器
    语法: :header 获得标题(h1~h6)元素,固定写法
 5、表单过滤选择器
  1. 可用元素选择器
    语法: :enabled 获得可用元素
  2. 不可用元素选择器
    语法: :disabled 获得不可用元素
  3. 选中选择器
    语法: :checked 获得单选/复选框选中的元素
  4. 选中选择器
    语法: :selected 获得下拉框选中的元素

 

标签:JQuery,元素,28,指定,语法,索引,选择器,属性
From: https://www.cnblogs.com/ajing2018/p/18254126

相关文章

  • JQuery基础28_入门1
    一、概念一个JavaScript框架。简化JS开发jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“writeLess,DoMore”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便......
  • Day28.课程对象定义与使用
    1.课程对象定义与使用_课程类和班级类关联 班级类,Class:'''班级'''classClass:#__init__中,初始化单个对象,记录每个班级独有的东西def__init__(self,class_name):self.class_name=class_name#初始班级时,班级没有课程表self.cla......
  • 2024/5/28
    今天开发安卓端的科技政策一点通,相比于web端有点复杂,边查资料边敲代码一直弄到十一点。部分代码packagecom.example.policy;importandroid.content.Intent;importandroid.os.Bundle;importandroid.text.Editable;importandroid.text.TextWatcher;importandroid.view......
  • 基于html,css,js,jQuery,ajax实时天气的网页
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><linkrel="stylesheet"hr......
  • 「6.18福利」精选大厂真题|笔试刷题陪伴|明天正式开屋啦 - 打卡赢价值288元丰厚奖励
    ......
  • 海思SD3403,SS928/926,hi3519dv500,hi3516dv500移植yolov7,yolov8(22)hi3516dv500/19dv5
     最近太忙更新不及时,SS928跑yolov8的文章各位朋友不要催,最近在测试自己魔改的yolov8,测完有结论了跟大家分享。魔改的yolov8在dv500系列里有些小问题,能正常运行,但是优化报错,在做更细致的测试。 先分享一下最近对比RK3588做的测试结果。RK3588算是嵌入式AI里的顶配级别存在......
  • DSP技术及应用的综合项目:串口与按键控制直流电机运行及液晶屏显示状态 芯片是TMS320F2
    目录绪论串口与按键控制直流电机运行及液晶屏显示状态一、实验目的及要求二、实验原理三、实验软硬件环境四、实验过程(实验步骤、记录、数据、分析)五、测试/调试及实验结果分析六、实验结论与体会内容说明参考资料绪论随着科技的飞速发展,数字信号处理器(DSP)在现代......
  • Day28.学校与班级建关联
    1.学校与班级建关联_班级类,将班级和班级对应的课程信息生成对象'''班级'''classClass:#__init__中,初始化单个对象,记录每个班级独有的东西def__init__(self,class_name):self.class_name=class_name#初始班级时,班级没有课程表self......
  • 国标GB28181安防视频监控EasyCVR平台级联时上级平台不显示通道是什么原因?
    国标GB28181安防视频监控/视频集中存储/云存储/磁盘阵列EasyCVR平台部署轻快,可支持的主流标准协议有GA/T1400、国标GB28181、RTSP/Onvif、RTMP等,以及支持厂家私有协议与SDK接入,包括海康Ehome、海大宇等设备的SDK等。有用户反馈,GA/T1400协议/安防综合管理系统/视频汇聚EasyCVR......
  • 01- jQuery初始
    1.jQuery简介jQuery是一个快速,小型且功能丰富的JavaScript库。借助易于使用的API(可在多种浏览器中使用),使HTML文档的遍历和操作,事件处理,动画和Ajax等事情变得更加简单。兼具多功能性和可扩展性,jQuery改变了数百万人编写JavaScript的方式。兼容多浏览器的javascript函数库,把我......