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. 转载一个不错的Scrapy学习博客笔记

    背景: 最近在学习网络爬虫Scrapy,官网是 http://scrapy.org 官方描述:Scrapy is a fast high-level screen scraping and web c ...

  2. lunux 启动 tomcat

    本人从官网http://tomcat.apache.org/上面下载的6.0.1_31版本,并解压包后改名存放在:/usr/share/tomcat6 本人使用的是root用户登录,下面就说说具体的操 ...

  3. 8个月从CS菜鸟到拿到Google Offer的经历+内推

    http://www.1point3acres.com/bbs/forum.php?mod=viewthread&tid=77453&page=1&authorid=10377 ...

  4. 2013山东省ICPC结题报告

    A.Rescue The Princess 已知一个等边三角形的两个顶点A.B,求第三个顶点C,A.B.C成逆时针方向. 常规的解题思路就是用已知的两个点列出x,y方程,但这样求出方程的解的表达式比较 ...

  5. java基础知识回顾之javaIO类--java序列化和反序列化

    /** *  * 一:理解序列化反序列化及其应用 * 序列化:把堆内存的对象转化成字节流的过程. * 反序列化:把字节流序列恢复重构成对象的过程. * 对象的序列化的用途:1.把对象的字节序列持久化, ...

  6. linux下cat命令详解

    简略版: cat主要有三大功能:1.一次显示整个文件.$ cat filename2.从键盘创建一个文件.$ cat > filename     只能创建新文件,不能编辑已有文件.3.将几个文 ...

  7. 2014多校第一场D题 || HDU 4864 Task (贪心)

    题目链接 题意 : 用N台机器,M个任务,每台机器都有一个最大工作时间和等级,每个任务有一个需要工作时间和一个等级.如果机器完成一个任务要求是:机器的工作时间要大于等于任务的时间,机器的等级要大于等于 ...

  8. 【动态规划】流水作业调度问题与Johnson法则

    1.问题描述:     n个作业{1,2,…,n}要在由2台机器M1和M2组成的流水线上完成加工.每个作业加工的顺序都是先在M1上加工,然后在M2上加工.M1和M2加工作业i所需的时间分别为ai和bi ...

  9. Xamarin.Android 入门之:Xamarin快速入门

    一. 准备工作 1.新建一个项目取名为phoneword 2.在项目创建好之后,让我们展开“Resources”文件夹然后找到并打开该文件夹下的“layout”文件夹,双击main.axml在Andr ...

  10. C# 任意类型数据转JSON格式(转)

    HOT SUMMER 每天都是不一样,积极的去感受生活 C# 任意类型数据转JSON格式 /// <summary> /// List转成json /// </summary> ...