位置: 编程技术 - 正文

详解jQuery选择器(jquery选择器的使用)

编辑:rootadmin

推荐整理分享详解jQuery选择器(jquery选择器的使用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery的选择器有哪些举例说明,jquery选择器写法,jquery 选择,jquery选择器的基本语法,jquery选择器写法,jquery选择器总结,jquery选择器总结,jquery选择器写法,内容如对您有帮助,希望把文章链接给更多的朋友!

大致介绍

终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery

jQuery是什么?

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设 计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。(来自百度-_-)

jQuery对象和DOM对象

我们在编写脚本时,可能会同时用到原生JavaScript和jQuery,那么这时就会存在一些问题。要解决这些问题就先得认识jQuery对象和DOM对象

DOM对象:通过例如getElementById方法获取到DOM树中的元素就是DOM对象

jQuery对象:通过jQuery包装DOM对象后产生的对象

注意:jQuery对象和DOM对象不能使用对方的任何方法

jQuery对象和DOM对象是可以互相转化的

jQuery对象转成DOM对象有两种方法:

1、[index]

2、get(index)

DOM对象转成jQuery对象有一种方法:$(DOM对象)

jQuery选择器

jQuery中的选择器完全继承了CSS的风格

逐一来看

基本选择器

改变id为div1的所有div的背景色

$('#div1').css('background','#bbffaa');

改变所有p标签和class为one的div的背景色

$('p,.one').css('background','#bbffaa');

层次选择器

选取div里的所有span元素

$('div span');

选取div下元素名是span的子元素

$('div > span');

选取class是one的下一个<div>同辈元素

$('.one + div');

选取class是one的后面的所有的<div>同辈元素

$('.one ~ div');

过滤选择器

1、基本过滤选择器

选取所有<div>元素中第一个<div>元素

$('div:first');

选取class不是one的<div>元素

$('div:not(.one)');

选取索引是偶数的的<div>元素

$('div:even');

选取索引等于2的<div>元素

$('div:eq(2)');

选取索引大于2的<div>元素

$('div:gt(2)');

选取所有标题元素,例如h1、h2等

$(':header');

选取当前正在执行动画的所有元素

$(':animated');

选取获取当前焦点的元素

$(':focus');

2、内容过滤选择器

选取含有文本“坚持”的<div>元素

$('div:contains('坚持')');

详解jQuery选择器(jquery选择器的使用)

选取不包含子元素或者文本的<div>元素

$('div:empty');

选取含有<p>元素的<div>元素

$('div:has(p)');

选取含有子元素或者文本的元素

$('div:parent');

3、可见性过滤选择器

选取所有不可见的元素。包括<input type="hidden" />,<div style="display:none">和<div style="overflow:hidden">

$(':hidden');

选取所有可见的<div>元素

$('div:visible');

4、属性过滤选择器

选取有id属性的元素

$('div[id]');

选取id等于myId的<div>元素

$('div[id="myId"]');

选取id值不等于myId的<div>元素

$('div[id!="myId"]');

选取id值以my开头的<div>元素

$('div[id^="my"]');

选取id值以my结尾的<div>元素

$('div[id$="my"]');

选取id值含有my的<div>元素

$('div[id*="my"]');

选取属性title等于en或者以en为前缀(en后跟一个连字符'-')的元素

$('div[title|="en"]');

选取属性title中用空格分隔的值中包含字符en的<div>元素

$('div[title~="en"]');

选取拥有属性id并且属性title以en为前缀的<p>元素

$('p[id][title|="en"]');

5、子元素过滤器

选取每个class为one的<div>父元素下的第2个子元素

$('div.one :nth-child(2)');

选取每个class为one的<div>父元素下的第1个子元素

$('div.one :first-child');

选取<ul>中是唯一子元素的<li>元素

$('ul li:only-child');

6、表单对象属性过滤选择器

选取id为"form1"表单内的所有可用元素

$('#form1:enabled');

选取id为"form1"表单内的所有不可用元素

$('#form1:disabled');

选取所有被选中的<input>元素

$('input:checked');

选取所有被选中的选项元素

$('select option:selector');

表单选择器

选取所有的<input>、<textarea>、<select>和<button>元素

$(':input');

选取所有的单行文本框

$(':text');

选取所有的不可见的元素

$(':hidden');

其余的选择方法都可以通过单词了解到意思(例如 :submit 就是选择所有的提交按钮)就不再赘述。

参考资料:锋利的jQuery(第二版)    

懒加载实现的分页&&网站footer自适应 最近在做手机端,发现下拉刷新和上拉加载的jq控件很少而且自我感觉不好用,比如iscroll之类……然后自己写了个懒加载的,也很简单,最基础的代码

解决拦截器对ajax请求的拦截实例详解 解决拦截器对ajax请求的的拦截拦截器配置:publicbooleanpreHandle(HttpServletRequestrequest,HttpServletResponseresponse,Objectobj)throwsException{//获取判定登陆的session是否存

深入学习jQuery中的data() data有什么作用?在我们平时js编码过程中,我们经常会向DOM元素中添加各种自定义属性,这样有一个弊端。1、假设我们在DOM元素中添加了一个属性,这

标签: jquery选择器的使用

本文链接地址:https://www.jiuchutong.com/biancheng/373964.html 转载请保留说明!

上一篇:详解handlebars+require基本使用方法(详解16型人格)

下一篇:懒加载实现的分页&&网站footer自适应(什么叫懒加载)

  • 消费税是什么意思大白话
  • 代扣代缴个人所得税账务处理
  • 员工买东西自己垫付的钱怎么做账
  • 生产车间维修费是制造费用还是管理费用
  • 增值税应税销售额包括哪些
  • 待转销项税额明细科目核算一般纳税人
  • 2019年工会经费新规定
  • 提供咨询服务的小规模企业是一般纳税人吗
  • 预付材料购货款计入什么科目
  • 企业接收捐赠计入什么科目
  • 公益性捐赠支出属于营业外支出吗
  • 经营租赁的资产应计入哪里
  • 土地出让金抵减销项税如何申报
  • 审计调整坏账后什么时候回冲分录?
  • 对供应商罚款通知单怎么写
  • 医院业务支出包括哪些内容科目
  • 企业一般纳税人证明在哪里查询
  • 免税商品进项税可以抵扣吗
  • 减税降费新政策解读
  • 信托真实案例
  • 小微企业的特点及经营模式举例
  • 企业不征税收入用于支出所形成的固定资产
  • 企业上月份销售收入在本月份发生销售折让时
  • 预收一年租金会计分录
  • 增值税总分机构可以汇总纳税吗
  • 工商年报纳税总额怎么填写才正确
  • windos11安卓
  • 销售货物结转成本会计分录
  • php多维数组转一维数组
  • php 生成验证码
  • 应付票据到期怎么处理
  • 公司从其他公司买一个项目花了100万
  • 手把手怎么样
  • 系统win7旗舰版
  • 图片注入php
  • 买房 印花税
  • 退款后发票如何查询
  • 物流中的代收货款是什么意思
  • 非金融机构从事贷款谁负责监管
  • vscode常用插件功能简介
  • 开发的php程序如何发布
  • logparser命令
  • php对接微信支付教程
  • 一台设备可以分开开票吗
  • 油气勘探开发
  • 工商登记备案在哪查
  • 应收账款计提坏账准备方法
  • mongodb 随机获取一条数据
  • 会计单据可以用什么代替
  • 甲供工程范围
  • 出口货物做免税处理
  • 无票收入需要缴纳文化事业建设税吗
  • 租房交付确认书
  • 民办非企业单位什么意思
  • 用友u8怎样查询上个月凭证
  • 间接持股比例如何分析
  • 电子银行承兑汇票到期怎么兑现
  • 火车票进项抵扣需要认证吗
  • 没有发票财务报表怎么做
  • vcspawn.exe什么意思
  • 防止电脑死机
  • centos怎么样
  • jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
  • node.js获取文件信息的方法是什么
  • unity2020商店
  • js中date
  • python中的open
  • 基于python的应用
  • 前端jsonp解决跨域
  • 深圳国税服务
  • 湖南税务局发票查询
  • 公司买社保公司倒闭了怎么办
  • 税务局落实双拥工作情况报告
  • 买楼送地下室划算吗
  • 国家税务局机打发票可以报销吗
  • 如何做好基层税务分局长工作
  • 阁楼交取暖费吗合法吗
  • 河南三门峡税务社保缴费电话
  • 贷款抵押担保合同
  • 税控盘怎么变更
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设