首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery筛选及练习 jQuery初识

jQuery初识 jQuery是什么? jQuery是一个兼容多浏览的JavaScript库。...JavaScript特效和动画 HTML DOM遍历和修改 AJAX 下载链接:jQuery官网 jQuery对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象,jQuery对象是jQuery...; //DOM对象使用DOM的方法 jQuery基础语法 $(selector).action() 查找标签>选择 id选择: $("#id"); class选择: $(".className..."); 标签选择: $("tagName"); 组合选择: $("#id,.className,tagName") 层级选择: $("#id a"); //查找id下方所有的a标签,中间的空格表示后代...$("#id > a"); //查找第一个a标签 基本选择: :first //第一个 :eq(index) //索引等于index的那个元素 :last //最后一个 属性选择

97230
您找到你想要的搜索结果了吗?
是的
没有找到

JQuery选择JQuery包装集

(本文年代久远,请谨慎阅读)今天学习了JQuery的一些基本用法,包括JQuery选择JQuery包装集; 从现在开始,要慎重区分DOM对象和JQuery对象,两种对象的方法不同,属性不同,在使用中要特别注意...JQuery选择 编写任何javascript程序都需要首先获得对象, jQuery选择能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如”拥有title属性并且值中包含test...的元素”, 完成这些工作只需要编写一个jQuery选择字符串....学习jQuery选择是学习jQuery最重要的一步....JQUERY选择包括以下几种: 1、基础选择 2、层次选择 3、基本过滤器 4、内容过滤器 5、可见性过滤器 6、属性过滤器 7、子元素过滤器 8、表单选择 9、表单过滤器 下面列出几种重要的选择

3.1K20

jQuery 选择

1 jQuery 选择 原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。 1.1....基础选择 $("选择") // 里面选择直接写 CSS 选择即可,但是要加引号 ? 1.2. 层级选择 层级选择最常用的两个分别为:后代选择和子代选择。 ?...筛选选择 筛选选择,顾名思义就是在所有的选项中选择满足条件的进行筛选选择。常见如下 : ?..., "skyblue"); $("ol li:even").css("color", "pink"); }) 另: jQuery...1.4 知识铺垫 jQuery 设置样式 $('div').css('属性', '值') jQuery 里面的排他思想 // 想要多选一的效果,排他思想:当前元素设置样式,其余的兄弟元素清除样式

1.8K20

jQuery 选择

jQuery网页脚本语言核心之一 概述: 1. 选择jQuery的基础 2. 对事件处理,遍历DOM和Ajax操作都依赖于选择 3. 可简化代码 什么是jQuery选择?...通过 过滤选择呢亲选择元素 (1) 基本过滤选择 (2) 可见性过滤选择 详解: 通过css选择选取元素 jQuery支持大多数css选择 最常用的有:基本选择,层次选择和属性选择jQuery...补充:jQuery中还有交集选择: 语法:$(AB) 一个元素,必须保证AB两个属性同时具备(与并集选择正好相反) 2. 层次选择 1. ...通过DOM之间的层次关系来获取元素 2. jQuery有四种常用的层次选择: (1) 后代选择 (2) 子选择 (3) 相邻选择 (4) 同辈选择 ?...//带空格的jQuery选择 var $t a= $(".test :hidden") ; //不带空格的jQuery选择 var $t b= $ (".test:hidden") ; var len

2.6K90

Jquery选择

1、  基本选择 选择 描述 结果 示例 #id 根据id获取元素 单个 $(“#myid”)选取id的值为myid的元素 .class 根据class获取元素 集合 $(“.myclass”)选取...获取所有标签元素 a,.myclass,#id等 获取对应标签元素 集合 $(“a,.myclass,#myid”)获取a、class的值为myclass以及id为myid的元素集合 2、  层次选择...选择 描述 结果 示例 $(“#myid  .sonid”) 选取id为myid里所有后代元素 集合 $(“#myid  .my”)这里是后代元素 $(“#myid >.sonid”) 选取id为myid...基本过滤 选择 描述 结果 示例 :first 选取第一个元素 单个 $(“div:first”)选取div元素中第一个div :last 选取最后一个元素 单个 $(“div:last”)选取div...元素中最后一个div :not(selector) 去除所有给定选择匹配的元素 集合 $(“input:not(.myclass)”)去掉class不是 myclass的input元素 :even

2K60

jQuery(选择

基本选择(*) 在开发过程中,jQuery对象的定义 var $obj=$("选择的对象"); //$obj为自定义的元素名 id选择 $("#id"); 选中的结果是该元素的jQuery对象 标签选择...$("标签名称");jquery对象的集合,如果选择结果只有一个,那么是当前对象 类选择 $(".类名"); jQuery对象的集合,类名是在css中定义 并集选择 $("selector1seletor2...全局选择 $("*"); jQuery对象的集合,会选中所有 层次选择(*) 后代选择 $("selector1 selector2"); 选择selector1内部所有满足selector2的元素...注意:后代选择中,两个选择中间是有空格的,与并集选择区别开。...选择满足选择1元素后面的满足选择2的元素 注意:只能选择相邻后面的一个 同辈元素选择 $("选择1~s选择2"); 选择选择1元素之后的同辈元素, 并且同辈元素满足选择2的要求 注意:前面的同辈元素是不会被选择的

1.5K10

jQuery选择总结

先说选择,要知道js里,也有,就是你给标签起了id,class名,在js里需要获取是一个意思。...在jq中很方便,不用写很长的xxx=document.getElementById(‘xxx’) 1.基本选择 ? 2.层次选择 ? 3.过滤选择 ? 4.内容过滤器 ?...5.可见选择 ? 6.属性选择 ? 7.子元素选择 ?...其中nth-child(xn+y)表示:从第y各元素起,选取每第x个元素 例3n+2表示从第二个子元素开始,选取每个第三个的元素 even:偶数 odd:奇数 8.表单元素过滤选择 ?...表单中选择确切的某个属性的元素,不需要全部都写input 熟练使用选择是熟练使用jq的前提 图片全部来自个人word文档中的截图,如有错误欢迎指出,互相学习。

55350
领券