jQuery是JavaScript框架，jQuery也是JavaScript代码。使用jQuery要比直接使用JavaScript方便很多。

　　要使用jQuery，首先需要在jsp页面中导入jQuery。jQuery就是一个js文件而已。

　　导入jQuery有三种方法：

     <!-- 导入c标签库 -->

     <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

 <!-- 1. -->    <script type="text/javascript" src="<c:url value='/jquery-1.5.1.js'/>"></script><!-- 标签，需导入c标签库 -->

 <!-- 2. -->    <script type="text/javascript" src="/项目名/jquery-1.5.1.js"></script>

 <!-- 3. -->    <script type="text/javascript" src="${pageContext.request.contextPath}/jquery-1.5.1.js"></script>
  • jQuery核心函数　　

　　$()

　　注意其不同于${}

　　　　顺便记一下${}的用法吧：　　　　　　

 这是一个EL表达式取值的方法

 例如：

 比如有A页面请求B页面，在A页面中有一句这样的代码

     String name = "测试";

     request.setAttribute("name",name);

 那么B页面中将这样可以去到name中的数据

     ${name}

 这个输出的值是 测试

 当然不一定要放在request中可以去到，同样放在page session一样也可以去到。

 但取值是有优先级的 page->request->session等
  • 事件之文档加载完毕

　　在JavaScript中<body onload="xxx()">的意义是：在文档加载完毕后会执行xxx()函数。在jQuery中也存在相同的功能，即：$(function(){..}); 给$()这个参数赋值，参数为一个匿名函数，这个匿名函数会在文档加载完毕时执行。

     <script type="text/javascript">

     $(function(){

         alert('我叫郑斌');

     });

     </script>

  • 选择器

　　在JavaScript中获取元素可以使用document.getElementByld()等函数，但在jQuery中提供了更为方便的方法。

 <script type="text/javascript">

     $(function(){

         //document.getElementById("id")//返回一个DOM对象，但 DOM的功能少

         var hey = $("#Hanxue");//返回一个jQuery对象  '#'表示元素选择器 '.'表示类选择器

         alert(hey.text());//打印出该元素的文本内容

         alert(hey.html());//打印该元素HTML内容

         var ni = $("div");//元素选择器，查找所有的div元素，它返回的是一个jQuery对象，但jQuery中包含多个DOM对象。

         alert(ni.text());

         $(".myClass").text("88");//类选择器

     });

     </script>

   </head>

   <body>

     This is my JSP page. <br>

     <!-- 供 元素选择器 -->

     <div id="Zhengbin"><p>zhengzhou</p></div>

     <div id="Hanxue"><p>kunming</p></div>

     <!-- 供 类选择器 -->

     <div class="myClass">div class="myClass"</div>

     <span class="myClass">span class="myClass"</span>

   </body>
  • 属性

　　jQuery元素对属性的操作方法：

    • attr(name) 读取指定属性的值
    • attr(name,value) 设置指定属性的值
    • removeAttr(name) 删除指定属性
  • 类

　　jQuery元素对类的操作方法：

    • addClass(name) 给元素添加指定类
    • removeClass(name) 给元素删除指定类

【WEB小工具】jQuery函数的更多相关文章

  1. 【WEB小工具】EncodingFilter—设置全局编码

    1.我们知道,如果是POST请求,我们需要调用request.setCharacterEncoding("utf-8") 方法来设计编码. public void doGet(Ht ...

  2. 【WEB小工具】BaseServlet—一个Servlet处理多个请求

    package cn.itcast.test.web.servlet; import java.io.IOException; import java.io.PrintWriter; import j ...

  3. marked插件在线实时解析markdown的web小工具

    访问地址: https://mdrush.herokuapp.com/ github项目: https://github.com/qcer/MDRush 实现简介: 1.动态数据绑定 借助Vuejs, ...

  4. 用友yonsuite产品二开之简单的yonsql查询小工具

    和以往的用友产品不同,yonsuite产品开发了低代码平台,满足客户的个性化开发需求.嗯~,一句话不知当讲不当讲,那就讲:所谓低代码平台就是开发不想用实施不会用系列.让我一个开发感受到了憋屈.

  5. web报表工具FineReport常用函数的用法总结（日期和时间函数）

    web报表工具FineReport常用函数的用法总结(日期和时间函数) 说明:凡函数中以日期作为参数因子的,其中日期的形式都必须是yy/mm/dd.而且必须用英文环境下双引号(" " ...

  6. 【移动端debug-6】如何做一个App里的web调试小工具

    原文链接:如何做一个App里的web调试小工具 我们知道现在hybrid app非常流行,在这样的app里,h5页面是应用非常广泛的.相对于以往在pc端开发的网页,放在app里的网页由于无法直接使用桌 ...

  7. web报表工具FineReport经常使用函数的使用方法总结（日期和时间函数）

    web报表工具FineReport经常使用函数的使用方法总结(日期和时间函数) 说明:凡函数中以日期作为參数因子的,当中日期的形式都必须是yy/mm/dd.并且必须用英文环境下双引號(" & ...

  8. mac版微信web开发者工具（小程序开发工具）无法显示二维码 解决方案

    微信小程序概念的提出,绝对可以算得上中国IT界惊天动地的一件大事,这可能意味着一场新的开发热潮即将到来, 我也怀着激动的心情准备全身心投入其中,不过截止目前,在官方网站上下载的最新版本都无法使用,打开 ...

  9. 微信web开发者工具同时打开两个小程序项目

    在写小程序时,想要一边参考别人的Demo一边做,但是微信web开发者工具无法同时开两个实例,怎么办? 单个软件实例来回切换打开的项目太麻烦,一种办法是同时下载[微信web开发者工具]和[微信web开发 ...

随机推荐

  1. NGINX的奇淫技巧 —— 5. NGINX实现金盾防火墙的功能(防CC)

    NGINX的奇淫技巧 —— 5. NGINX实现金盾防火墙的功能(防CC) ARGUS 1月13日 发布 推荐 0 推荐 收藏 2 收藏,1.1k 浏览 文章整理中...... 实现思路 当服务器接收 ...

  2. Graham's Scan算法

    原文链接:http://www.cnblogs.com/devymex/archive/2010/08/09/1795392.html C++/STL实现: #include <algorith ...

  3. zju 1037 Gridland(找规律，水题)

    题目链接 多写几个案例,根据数据的奇偶性,就能找到规律了 #include<stdio.h> int main() { int t,n,m; double ans; scanf(" ...

  4. [shell编程]正则表达式

    如果在shell脚本中处理数据文件,那么我们就必须熟悉正则表达式.正则表达式是用来过滤数据流中文本的模式模板,模式由标准文本字符和特殊字符组成.正则表达式用特殊字符来匹配一系列一个或多个字符,要想掌握 ...

  5. SQLMap使用

    http://www.freebuf.com/articles/web/29942.html http://sqlmap.org/ http://blog.csdn.net/zgyulongfei/a ...

  6. hdu 3923 Invoker

    完全是套用polya模版…… ;}

  7. java生成二维码的三个工具

    1.  使用SwetakeQRCode在Java项目中生成二维码 http://swetake.com/qr/ 下载地址 或着http://sourceforge.jp/projects/qrcode ...

  8. 简单的线程同步问题：两个线程交替执行N次【Synchronized、Lock、ArrayBlockingQueue】

    方法一:传统的线程方法import org.apache.log4j.Logger; /** * 两个线程执行的代码片段要实现同步互斥的效果,它们必须用同一个Lock对象.<br/> * ...

  9. PCB板的价格是怎么算出来的？

    Part 1 :影响一块PCB板价格的各种因素 PCB的价格是很多采购者一直很困惑的事情,很多人在线下单时也会疑问这些价格是怎么算出来的,下面我们就一起谈论一下PCB价格的组成因素. 1.PCB所用材 ...

  10. Java API —— Math类

    1.Math类概述         Math 类包含用于执行基本数学运算的方法,如初等指数.对数.平方根和三角函数.  2.成员变量         public static final doubl ...