jquery基础,选择器

超级芒果 超级芒果     2022-09-03     356

关键词:

    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+等。[1] 

 

jQuery有好多版本本,无法同时引用两个不同的版本,容易造成混乱,用哪一个,调用哪一个.\

jQuery引用到<head></head>中,页面加载时就需要特效调用这些方法.

 

选择器

基础选择器:

  • ID选择器:$("#d1")
  • class选择器:$(".d1")
  • 标签选择器:$("div")

组合选择器:

  • 平级并列:$("#d1,#d2") 加逗号
  • 后代:$(#d1   d11)加空格

过滤选择器:

  • 基本过滤:
  1. class集合中的第一个:$(".d1:first")
  2. class集合中的最后一个:$(".d1:last")
  3. class集合中某一个:$(".d1:eq(索引号)")
  4. class集合中某个索引之前:$(".d1:lt(索引号)")
  5. class集合中某个索引之后:$(".d1:gt(索引号)")
  6. class集合中除某个索引之外:$(".d1:not(索引号)")
  7. class集合中的奇数索引:$(".d1:odd")   1,3,5....
  8. class集合中的偶数索引:$(".d1:even")   0,2,4.....
  • 属性过滤:
  1. class集合中属性名值对过滤:$(".d1[id=d1]")  或[id!=d1]
  • 内容过滤:
  1. class集合中的内容文字中包含某个字符串:$(".d1:contains('字符串')")   
  2. class集合中的某个选择器子集中存在某个选择器:$(".d1:has('id=d0')")   
 
 
 
 
 

找他的子集,this代表触发事件的div  找他的子集里面的class是div2的  第一个(eq(索引值));

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

jquery的基础知识复习(基础选择器,属性选择器,层级选择器)

    1.基础选择器              id选择器:$("#id"),样式选择器:$(".className"),元素选择器:$("div"),$("*")选择页面所有的元素            同时使用两种选择器例如:id和元素$("#id,div");,这里可以加... 查看详情

jquery基础——样式篇(jquery选择器)

一、选择器类型id选择器class选择器元素选择器层级选择器全选择器(*选择器)二、有几种方式可以隐藏一个元素:CSSdisplay的值是none。type="hidden"的表单元素。宽度和高度都显式设置为0。一个祖先元素是隐藏的,该元素是不会在... 查看详情

jquery基础及选择器2

1.使用CSS选择器选择元素基本选择器$("h1").css("color","blue"); //标签选择器$(".price").css("background":"#efefef","padding":"5px"); //类选择器$("#author").css("clor","#083499"); //id选择器$(".intro,dt,dd").css( 查看详情

jquery基础及选择器(代码片段)

基本选择器标签选择器$("h1").css("color","blue")类选择器$(".price").css("background":"颜色","padding":"5px")id选择器$("#author").css("color","颜色");并集选择器$(".intro,标签1,标签2").css("color","颜色");全局选择器$("*").css("font-weight 查看详情

jquery基础

JQuery简介JQuery可以理解为是一个模块,里边封装了DOM以及JavaScript,属于JavaScript•JQuery选择器  元素选择器  ID选择器  标签选择器  class选择器  组合选择器•JQuery事件页面对不同访问者的响应叫做事件事件的处... 查看详情

10分钟-jquery-基础选择器

1.id选择器jquery能使用CSS选择器来操作网页中的标签元素。如果你想要通过一个id号去查找一个元素,就可以使用如下格式的选择器:$("#my_id")其中#my_id表示根据id选择器获取页面中指定的标签元素,且返回唯一一个元素。<divid="... 查看详情

jquery基础

一.JQuery语法  JQuery语法1.JQuery("选择器").action();通过选择器调用事件函数 但JQuery中JQuery可以用$代替,即$("选择器").action(); ①选择器,可以直接使用CSS选择器,选中元素;②.action()表示对元素执行的操作。 2.... 查看详情

基础2.jquery过滤选择器

            1.基础选择器:名称说明举例#id根据元素Id选择$("divId")选择ID为divId的元素element根据元素的名称选择,$("a")选择所有<a>元素.class根据元素的css类选择$(".bgRed")选择所用CSS类... 查看详情

jquery基础及选择器

   1.jquery官网:  http://jquery.com2.在页面引入jQuery:<scriptsrc="js/jquery-1.12.4.js"type="text/javascript"></script>3.ready()方法:[使用jQuery弹出提示框]  实例:     <script 查看详情

第五章 jquery基础及选择器

1.jQuery 简介:由美国人John Resig于2006年创建,设计思想是writeless,domore2.在页面中引入jQuery<scriptsrc="js/jquery-1.12.4.js"type="text/javascript"></script>3.jQuery语法规则工厂函数$():将DOM对象转化为jQuery对象选择器sele 查看详情

jquery基础及选择器

jquery库文件分为开发版和发布版 在页面中引用jquery     <scriptsrc="js/jquery-1.12.4.js"type="text/javascript"></script> 使用jquery弹出提示框      &nb 查看详情

jquery选择器基础入门教程

参考技术A本文实例讲述了jQuery选择器用法。分享给大家供大家参考,具体如下:什么是jQuery选择器使用JavaScript操作页面上得DOM元素时,首先要获取DOM元素。但是原始的javascript只元件根据ID或者TagName获取DOM对象。在jQuery中则完全... 查看详情

jquery基础

简介:jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocuments、events、实现动画效果,并且方便地为网站提供AJAX交互。Jquery的语法与js和css的区别与联系:1.选择器css选择器:基本选择器:*#.p组合选择器:p,hphp+... 查看详情

02_jquery_基础选择器

1.AllSelector("*")描述:选择所有元素语法:$("*")注意:实践证明,由于使用*选择器获取的是全部元素,因此,有些浏览器会比较缓慢,这个选择器也需要慎重使用。HTML代码<div><span></span><p></p><label></lab... 查看详情

jquery基础,选择器

  jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“writeLess,DoMore”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提... 查看详情

jquery基础(代码片段)

一、选择器$("#id")id选择器$(".class")class选择器$("a")->所有a标签标签选择器$("#id,.class,a")多重选择$("#ida")->id下层的a标签,全部递归层级选择$("#id>a")->id下层的a标签,只找子级层级选择$(":[input_type]")input选择器$("[custom_attribut... 查看详情

jquery语法基础&选择器

通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。jQuery语法实例$(this).hide()演示jQueryhide()函数,隐藏当前的HTML元素。$("#test").hide()演示jQueryhide()函数,隐藏id="test"的元素。$("p").hide()演示jQueryhide()... 查看详情

jquery基础1-jq选择器(代码片段)

1.jq选择器https://blog.csdn.net/TroyeSivanlp/article/details/1207316102.jq的操作https://blog.csdn.net/TroyeSivanlp/article/details/1207318733.jq事件https://blog.csdn.net/TroyeSivanlp/article/details/120732106 查看详情