【jquery学习（3）--高级选择器】的更多相关文章

JQuery学习笔记——层级选择器

JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1.基础选择器 2.层级选择器 1).ancestor descendant 2).parent > child 3).prev + next 4).prev ~ siblings 3.基本筛选器 4.内容选择器 5.可见性选择器 6.属性选择器 7.子元素选择器 8.表单选择器 9.表单元素选择器…

JQuery学习笔记——基础选择器

第一篇博客,现在原生安卓需求不大了.招聘的Android工程师都需要附带更多的其他技术.这也是开启我学习前端之路的开端.前端时间看了HTML.CSS等,在界面渲染这一块,就不多记录博客了.现在学习着JQuery,JS大概的过了一遍,都说JS是基础,先打好基础,但是JS编写起来语法比较麻烦,JQuery更方便快捷的实现功能,先用起来,有不懂的回头再了解学习.那么,就开始我的JQuery学习之路吧. JQuery介绍: jQuery是一个快速.简洁的JavaScript框架,是继Prototype之…

jquery 学习日记之选择器

看完Jquery选择器的教程视频后,对jquery的选择器有一定的认识和了解,现整理一下知识: 一.jquery基本选择器,这类比较简单,一笔带过. #id 选择器,是选择  匹配id值中的第一个元素,只选择第一个,后面所有匹配的均忽略. element 元素选择器,匹配所有 标签为element的所有元素.选择了所有. 类选择器,选择所有类为class的所有元素,也是选择了所有. * 模糊匹配 匹配多元素选择器,用逗号分隔,如$("p,a") 二.层级先择器 (再这样总结浪费时间,以…

jQuery学习笔记(2)-选择器的使用

一.选择器是什么 有了jQuery的选择器,我们几乎可以获取页面上任意一个或一组对象 二.Dom对象和jQuery包装集 1.Dom对象 JavaScript中获取Dom对象的方式 <div id="divMsg">Hello World</div> <script> var div = document.getElementById("divMsg"); console.log(div); var divs = document…

JQuery学习笔记之选择器

JQuery与DOM对象 <div id="test1" class="test2"></div> DOM对象获取方式: var dom_div1 = document.getElementById('test1'); var dom_div2 = document.getElementByClassName('test2'); JQuery对象获取方式: var $jq_div1 = $('#test1'); // id选择器 var $j…

jQuery学习之过滤选择器

基本过滤选择器 :first 选取第一个元素:$("div:first") :last 选取最后一个元素:$("div:last") :not(selector) 取出除selector之外的其他元素:$("div:not(.class)") :even 选取索引为偶数的元素:$("div:even") :odd 选取索引为奇数的元素:$("div:odd") :eq(index) 索引等于index:$(…

jquery学习（3）--高级选择器

自己手写的学习笔记.常规选择器: /****************学习--高级选择器(1)****************/---高级选择器:ie7+ 层次选择器: 后代选择器     ul li a    $('ul li a')    获取追溯到的多个dom对象            ie6+=子选择器     div>p        $('div p')    只获取子类节点的多个dom对象            ie7+next选择器     div+p{}    $('div+p'…

jQuery学习笔记——jQuery常规选择器

一．简单选择器在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则.而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对象.随后,我们就可以对这个获取到的 DOM 节点进行行为操作了.#box {//使用 ID 选择器的 CSS 规则color:red;//将 ID 为 box 的元素字体颜色变红}在 jQuery 选择器里,我们使用如下的方式获取同样的结果:$('#box').css('color', 'red…

jQuery学习之路（1）-选择器

▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优…

jQuery学习笔记(一)jQuery选择器

目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQuery学习笔记的专题,对jQuery的知识做一个总结,并给出部分Demo来练习,使其能够掌握jQuery的基本技能. 今天所写的内容是关于jQuery选择器. 在学习jQuery选择器之前,有必要先了解一下css选择器,首先要明确一个新手容易混淆的概念:css选择器与jQuery选择器是两个不同的概念…

jQuery学习-什么是jquery? Js与jquery之间的关系 Jquery选择器

1.  什么是jQuery以及学习的意义等 jQuery是一个js库 JS库是什么? 把常用的方法,进行封装,封装到一个单独的js文件当中,要用的时候直接调用. 学习jQuery主要学什么? 学习jQuery提供给我们的方法 2.jQuery的使用步骤 1)引入jQuery包 2)写进入口函数 入口函数的两种书写方式: 方式一: $(document).ready(function(){ }); 方式二: $(function(){ }); 3) 写入需要实现的功能 例: <script src…

从零开始学习jQuery (二) 万能的选择器

本系列文章导航 从零开始学习jQuery (二) 万能的选择器 一.摘要 本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显减轻开发人员的工作量. 二.前言 编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含test的<a>元素", 完成这些工作只需要编写一个jQuery选择器…

jQuery学习笔记（一）——基础选择器、过滤选择器、表单选择器

$()就是jQuery中的函数,它的功能是获得()中指定的标签元素.如演示样例中$("p")会得到一组P标签元素,当中"p"表示CSS中的标签选择器.$()中的()不一定是指定元素,也可能是函数. 在jQuery中 $()方法等价于jQuery()方法,前者比較经常使用.是后者的简写.一般仅仅有在$()与其他语言冲突时才会使用jQuery()方法. 基础选择器 #id 选择器(使用身份证号来找人) jquery能使用CSS选择器来操作网页中的标签元素. 假设你想要通…

jQuery学习之旅 Item1 选择器【一】

点击"名称"会跳转到此方法的jQuery官方说明文档. 1. 基础选择器 Basics 名称 说明 举例 #id 根据元素Id选择 $("divId") 选择ID为divId的元素 element 根据元素的名称选择, $("a") 选择所有<a>元素 .class 根据元素的css类选择 $(".bgRed") 选择所用CSS类为bgRed的元素 * 选择所有元素 $("*")选择页面所有元素…

jQuery学习笔记（简介，选择器）

jQuery优势 1. 强大的选择器.jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器. 2. 出色的DOM操作封装 3. 可靠的事件处理机制 4. 完善的Ajax.jQuery将所有的Ajax操作封装到一个函数$.Ajax()里,使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题. 5. 出色的浏览器兼容性.jQuery2.0版本以后已经不再支持IE 6/7/8…

JQuery学习笔记系列（一）----选择器详解

笔者好长时间没有更新过博客园的笔记了,一部分原因是去年刚刚开始工作一段时间忙碌的加班,体会了一种每天加班到凌晨的充实感,之后闲暇时间了也因为自己懒惰没有坚持记笔记的习惯,现在重新拾起来. 借用古人的一段话与诸君共勉: 人之为学,不日进则日退,独学无友,则孤陋而难成:久处一方,则习染而不自觉.不幸而在穷僻之域,无车马之资,犹当博学审问, 古人与稽,以求其是非之所在.庶几可得十之五六.若既不出户,又不读书,则是面墙之士,虽子羔.原宪之贤,终无济于天下. 翻译为:人们求学(或做学问),不能天天上进,就…

jQuery高级选择器和其等价方法

jQuery选择器和css一样,但兼容性更好 <body> <p>p1</p> <p>p1</p> <p>p1</p> <div id="box"> <p>p2</p> <p>p2</p> <p>p2</p> <div> <p>p3</p> <p>p3</p>…

jquery学习笔记(一)：选择器

内容来自[汇智网]jquery学习课程 1.1 基础选择器 选择器 功能 返回值 #id 根据给定的id匹配一个元素 单个元素 element 根据给定的元素名匹配所有元素 元素集合 .class 根据给定的类匹配元素 元素集合 * 匹配所有元素 元素集合 selector1,selectorN 将每一个选择器匹配到的元素合并后一起返回 元素集合 1.2 层次选择器 选择器 功能 返回值 ancestor descendant 根据祖先元素匹配所有的后代元素 元素集合 parent > chil…

锋利的jQuery学习笔记之jQuery选择器

在介绍jQuery选择器之前,先简单介绍一下CSS选择器---> 一.CSS选择器 常见的CSS选择器有以下几种: 选择器 语法 描述 示例 标签选择器 E{CSS规则} 以文档元素为选择符 td{font-size:10px;} a{tetx-decoration:none;} ID选择器 #ID{CSS规则} 以文档元素的唯一标示ID为选择符 #node{corlor:red;} 类选择器 .className{CSS规则} 以文档元素的class作为选择符 div.node{backgro…

jQuery学习笔记 - 基础知识扫盲入门篇

jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器兼容性问题实现丰富的UI纠正错误的脚本知识 2.常用的知识点 jquery的id选择器:$("#btnShow")事件绑定函数 bind()显示和隐藏函数show() hide()修改元素内部html的函数html() 仅仅凭借多浏览器支持这一特性,就足以让我们学习并使用jquery,因为…

Jquery学习（三）选择

1.Jquery最重要的是选择. 学习要点:        1.简单选择器        2.进阶选择器        3.高级选择器 ①简单选择器. 最简单的也就是最经常使用的,最经常使用的一般也是最简单的. 在使用 jQuery 选择器时.我们首先必须使用"$()"函数来包装我们的 CSS 规则. 而CSS 规则作为參数传递到 jQuery 对象内部后.再返回包括页面中相应元素的 jQuery 对象.随后,我们就能够对这个获取到的 DOM 节点进行行为操作了. #box {    …

jQuery学习总结（一）——jQuery基础与学习资源

前一段时间录了一套关于jQuery的视频分享给大家,可以在下载区下载到,本来想配合文字一起的,后面发现视频+帮助文档也是非常好的学习方法. 一.jQuery简介与第一个jQuery程序 1.1.jQuery简介 jQuery是继Prototype之后又一个优秀的JavaScript库,是一个由John Resig创建于2006年1月的开源项目.现在的jQuery团队主要包括核心库.UI和插件等开发人员以及推广和网站设计维护人员. jQuery凭借简介的语法和跨浏览器的兼容性,极大地简化了Java…

jQuery学习之开篇

吐槽 近期比較烦,对于一个前端白痴来说,工作方向突然转向前端这块着实让人蛋疼无比.前段时间简单的学习了下EasyUI,算是对其有一个简单的认知了吧.EasyUI的研究过程中发现,假设没有掌握JS.JQuery想要进行兴许的开发会很困难.得,又得学下JQuery,一种蛋蛋的忧伤.一直觉得前端的水很的深这段时间算是见识到了,哎,只是工作还的继续,吐槽完了,卯足干劲充电吧! 前言 某前端白痴一个,会点html+css+js.JQuery的学习书籍看的是<瑞丽的JQuery>,先入门看了两章,感觉能看…

jQuery入门（1）jQuery中万能的选择器

jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应用 编写任何JavaScript程序我们要首先获得对象,jQuery选择器能彻底改变我们平时获取对象的方式,可以获取几乎任何语意的对象,比如“拥有title属性并且值中包含test的<a>元素”,完成这些工作只需要编写一个jQuery选择器字符串, 学习jQuery选择器是学习jQuery最重要的…

jQuery 学习笔记

jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById()函数        2.使用Css+Xpath来查询页面元素        3.适当的混用jQuery.Dom和JavaScript能够提升程序的执行效率.            如:Offset.Append.Before是jQuery的瓶颈        4.函数$()是$("document…

jQuery学习笔记（一）：入门

  jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,…

JQuery_高级选择器

在很多特殊的元素上,比如父子关系的元素,兄弟关系的元素,特殊属性的元素等等. 在早期 CSS 的使用上,由于 IE6 等低版本浏览器不支持,所以这些高级选择器的使用也不具备普遍性,但随着 jQuery 兼容,这些选择器的使用频率也越来越高. 1.层次选择器 在层次选择器中,除了后代选择器之外,其他三种高级选择器是不支持 IE6 的,而 jQuery却是兼容 IE6 的. 1.后代选择器 <script type="text/javascript" src="jquery…

jQuery学习总结（二）

简单选择器: 在使用jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的CSS 规则. 而CSS 规则作为参数传递到jQuery 对象内部后,再返回包含页面中对应元素的jQuery 对象.随后,我们就可以对这个获取到的DOM 节点进行行为操作了. 例: $('#box').css('color', 'red'); //获取DOM 节点对象,并添加行为 jQuery对浏览器兼容性进行了处理,所以很多时候,我们可以不用考虑浏览器兼容性的问题. jQuery 选择器在获取节点对象的时候不…

大量Javascript/JQuery学习教程电子书合集

［推荐分享］大量Javascript/JQuery学习教程电子书合集,送给有需要的人   不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pdf 274.79 KB   21天学通JavaScript(第2版)-顾宁燕扫描版.pdf 26.02 MB   5天驾驭JQuery教程.pdf 1.08 MB   ACCP软件开发初级程序员-使用Javascript增强交互效果-北大青鸟.pdf 51.70 MB   Ajax+PHP程序设计实…

［推荐分享］大量Javascript/JQuery学习教程电子书合集，送给有需要的人

不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小   15天学会jQuery(完整版).pdf 274.79 KB   21天学通JavaScript(第2版)-顾宁燕扫描版.pdf 26.02 MB   5天驾驭JQuery教程.pdf 1.08 MB   ACCP软件开发初级程序员-使用Javascript增强交互效果-北大青鸟.pdf 51.70 MB   Ajax+PHP程序设计实战详解.pdf 84.29 MB   Ajax实战中文版.pdf 2.48 MB   Aj…