首页 > 其他分享 >2_1基本选择器

2_1基本选择器

时间:2023-01-06 16:46:17浏览次数:28  
标签:基本 Java JSP myClass Servlet 选择器 addClass

 jQuery提供了丰富的选择器功能,这个是jQuery相比JavaScript的一大优势。我们先来看一下jQuery API。可以看到提供了众多的选择器,可以非常方便简单的获取要选择的内容。

 


基本选择器

标签选择器 $("a")  

ID选择器 $("#id")     $("p#id")

类选择器 $(".class")    $("h2.class")

通配选择器 $("*")

并集选择器$("elem1,elem2,elem3")

后代选择器$(ul li)    

父子选择器 $(ul>li)  

后面第一个兄弟元素 prev + next

后面所有的兄弟元素 prev ~ next

这些选择器其实我们并不陌生,因为在讲解CSS样式中都有类似的选择器,并且其含义也是一样的。不同的在CSS中是对选择的内容定义CSS样式,在jQuery中用来选择内容并后续进行更多的下步操作。

 
 

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="utf-8"> 
        <title>基本选择器</title> 
         <style type="text/css"> 
            .myClass{ 
                background-color:  aqua; 
            } 
        </style> 
        <script type="text/javascript" src="js/jquery.min.js"></script> 
        <script type="text/javascript"> 
        	// 必须自己会使用的选择器  id选择器  $("#id") 类选择器 $('.class属性值')  标签选择器 $("标签名")
        	
            $(function(){ 
                //标签选择器 $("a")   
                //$("h3").addClass("myClass"); 
                //$("p").addClass("myClass"); 
                //ID选择器 $("#id")     $("p#id") 
                //$("#h31").addClass("myClass"); 
                //$("h3#h31").addClass("myClass"); 
                //类选择器 $(".class")    $("h2.class") 
                //$(".red1").addClass("myClass"); 
                //通配选择器 $("*") 
                //$("*").addClass("myClass"); 
                //并集选择器$("elem1,elem2,elem3") 
                //$("#h31,span,div").addClass("myClass"); 
                //后代选择器$(ul li)   
                //$("p span").addClass("myClass");   
                //父子选择器 $(ul>li)   
                //$("p>span").addClass("myClass"); 
                //后面第一个兄弟元素 prev + next 
                //$("h3+p").addClass("myClass"); 
                //后面所有的兄弟元素 prev ~ next 
                $("h3~p").addClass("myClass"); 
            });               
        </script> 
    </head> 
    <body> 
       <h3 id="h31">JSP</h3> 
       <p>  
               JSP全名为Java Server Pages,中文名叫java服务器页面,
                       其根本是一个简化的<span>Servlet</span>设计, 它[1]  是
                       由Sun Microsystems公司倡导、许多公司参与一起建立的一种
                       动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网
                       页<em><span>HTML</span></em>(标准通用标记语言的子集)
                       文件(*.htm,*.html)   中插入Java程序段(Scriptlet)和JSP
                       标记(tag),从而形成JSP文件,后缀名为(*.jsp)。 用JSP开发
                       的Web应用是跨平台的,既能在Linux下运行,也能在其他操作系
                       统上运行。 
       </p>  
       
       <h3 id="h32"   class="red1">Servlet</h3> 
       
       <p> 
       	    Servlet(Server Applet)是Java Servlet的简称,是为小服
       	    务程序或服务连接器,用Java编写的服务器端程序,主要功能在于
       	    交互式地浏览和修改数据,生成动态Web内容。 
       </p> 
       
       <p class="red1"> 
          	狭义的Servlet是指Java语言实现的一个接口,广义的Servlet
          	是指任何实现了这个Servlet接口的类,一般情况下,人们将
          	Servlet理解为后者。Servlet运行于支持Java的应用服务器中。
          	从原理上讲,Servlet可以响应任何类型的请求,但绝大多数情
          	况下Servlet只用来扩展基于HTTP协议的Web服务器。 
       </p> 
       
      <div> 
        <p>div   p</p>   
      </div> 
      
      <span>span</span> 
      
       <p class="red1"> 
       		狭义的Servlet是指Java语言实现的一个接口,广义的Servlet
       		是指任何实现了这个Servlet接口的类,一般情况下,人们将Servlet
       		理解为后者。Servlet运行于支持Java的应用服务器中。从原理上讲,
       		Servlet可以响应任何类型的请求,但绝大多数情况下Servlet只用
       		来扩展基于HTTP协议的Web服务器。 
       </p>
       
    </body> 
</html>

 

标签:基本,Java,JSP,myClass,Servlet,选择器,addClass
From: https://www.cnblogs.com/2324hh/p/17030916.html

相关文章

  • 栈溢出(一):栈溢出原理以及基本ROP
    栈栈是一种数据结构,遵循后进先出的原则(LastinFirstOut),主要有压栈(push)与出栈(pop)两种操作eax,ebx,ecx,edx,esi,edi,ebp,esp等都是X86汇编语言中CPU上的通用寄......
  • 爬虫基本概念-分类及http协议
    1.爬虫分类:1)通用爬虫:抓取系统重要组成部分,抓取的是一整张页面数据。2)聚焦爬虫:建立在通用爬虫的基础之上。抓取的是页面中特定的局部内容3)......
  • [ensp自学]1.基本配置
    创建vlan vlanbatch1020把端口g0/0/1加入vlan10intg0/0/1portlink-typeaccessportdefaultvlan10给vlan10创建网关,才可以和其他vlan通信intvlan10ipadd192.168......
  • MySQL2 - 基本信息查询
    MySQL基本信息查询操作所有SQL语句以;结尾SQL语句不区分大小写查询数据库有哪些表SHOWTABLES;查看表中全部数据SELECT*FROMemp;查看表的结构DESCemp;/......
  • elementUI Cascader级联选择器组件 获取多层级的对象形式数据
    贴代码<el-cascaderstyle="width:100%"ref="subjectMajorCascaderElem"placeholder="请选择"@change="selectSubjectMajor"filterable......
  • Linux 文件基本属性
    Linux系统是一种典型的多用户系统,不同的用户处于不同的地位,拥有不同的权限。为了保护系统的安全性,Linux系统对不同的用户访问同一文件(包括目录文件)的权限做了不同的规定......
  • BAPI_ACC_DOCUMENT_POST 基本用法
    使用BAPI导入凭证,通过BAPIBAPI_ACC_DOCUMENT_POST,可以导入G/L,应收账款、应付账款等。如果导入只包含总账科目的会计凭证,也可以用函数BAPI_ACC_GL_POSTING_POST。......
  • CSS选择器
    nth-of-type和nth-childnth-of-type:先过滤类型,重新排序,匹配序号nth-of-child:获取所有的子元素,再匹配序号对应的类型是否一致参考:解析CSS3伪类选择器nth-of-type......
  • 工业传感器选型的六大基本原则
    现代传感器在原理与结构上千差万别,如何根据具体的测量目的、测量对象以及测量环境合理地选用传感器,是在进行某个量的测量时首先要解决的问题。当传感器确定之后,与之相配套的......
  • spring boot——spring boot的基本配置——spring boot整合mybatis——本地实例运行—
          mapper层:packagecom.demo.mapper;importjava.util.List;importorg.apache.ibatis.annotations.Mapper;importorg.apache.ibatis.annotation......