jQuery的属性、css、文档处理、事件、选择器以及jsp要点简记

最新推荐文章于 2023-03-13 20:50:34 发布

TheBeeLee

最新推荐文章于 2023-03-13 20:50:34 发布

阅读量360

点赞数

分类专栏： jQuery的属性 css 文档处理事件选择器文章标签： jquery 文档 jsp css

本文链接：https://blog.csdn.net/qq_36067033/article/details/75269814

版权

css 同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

文档处理

1 篇文章 0 订阅

订阅专栏

事件

1 篇文章 0 订阅

订阅专栏

本文继续纪录学习jQuery，主要学习jQuery的属性、css、文档处理、事件、选择器，最后简要记录jsp知识要点。

1.JQ属性：
attr(name|pro|key,val|fn)：设置或返回被选元素的属性值。（能获取就可以设置.val()）
eg.

ready（fn）:当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。(onload)要写在<body></body>标签中
这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。
简单地说，这个方法纯粹是对向window.load事件注册事件的替代方法。
请确保在 <body> 元素的onload事件中没有注册函数，否则不会触发+$(document).ready()事件。
ready() 函数不应与 <body οnlοad=""> 一起使用。
可以在同一个页面中无限次地使用$(document).ready()事件。其中注册的函数会按照（代码中的）先后顺序依次执行。
ready() 函数的3种写法：
1.$(document).ready(function)
2.$().ready(function)（不常用）
3.$(function)
$(document).ready() 的简写:$
同时内部的 jQuery 代码依然使用 $ 作为别名，而不管全局的 $ 为何。
eg:
$(function($) {
// 你可以在这里继续使用$作为别名...
});
click：触发每一个匹配元素的click事件。
这个函数会调用执行绑定到click事件的所有函数
eg.

focus([[data],fn])和blur:
当元素获得焦点时，触发 focus 事件。
可以通过鼠标点击或者键盘上的TAB导航触发。这将触发所有绑定的focus函数，注意，某些对象不支持focus方法。
eg.

回车事件:
常用于登录和注册的键盘回车代替按钮提交信息。

eg.

文档处理:
append(content|fn):
向每个匹配的元素内部追加内容。
这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。
after(content|fn):在每个匹配的元素之后插入内容。

` eg.

appendTo(content):
把所有匹配的元素追加到另一个指定的元素元素集合中。
实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。
eg:
<p>I would like to say: </p>
<div></div><div></div>
$("p").appendTo("div");
结果：
<div><p>I would like to say: </p></div>
<div><p>I would like to say: </p></div>
筛选 :
not(expr|ele|fn):从匹配元素的集合中删除与指定表达式匹配的元素
$("p").not( $("#selected")[0] )
find(expr|obj|ele):搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
$("p").find("span")等同于$("p span")。
parent([expr])：取得一个包含着所有匹配元素的唯一父元素的元素集合。
eg.
查找段落的父元素中每个类名为selected的父元素。
<div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div>
$("p").parent(".selected")
选择器：
first last

eg.

selected:
eg.

[attribute=value]：匹配给定的属性是某个特定值的元素
eg.

JSP：

java server pages的缩写。是由Sun Microsystems公司倡导和许多公司参与共同创建的一种使软件开发者可以响应客户端请求，而动态生成HTML、

XML或其他格式文档的Web网页的技术标准。它的主要目的是将表示逻辑从Servlet中分离出来。在传统的网页HTML文件（*.htm，*.html）中加入

Java程序片段（Scriptlet）和JSP标签，就构成了JSP网页java程序片段可以操纵数据库、重新定向网页以及发送E-mail等，实现建立动态网站所需

要的功能。JSP网页为整个服务器端的Java库单元提供了一个接口来服务于HTTP的应用程序。所有程序操作都在服务器端执行，网络上传送给客户

端的仅是得到的结果。用JSP开发的Web应用是跨平台的。

jsp页面实际是servlet。
页面可以写Java代码：<%代码%> <%=代码%>
页面可以使用request和session
jsp与servlet的优缺点对比：

jsp优点：方便显示
缺点：不方便处理业务逻辑
servlet反之。
运行原理：jsp容器将页面转译成servlet，再通过servlet容器来启动和执行。
指令语法：<%@ include 代码%>
动作语法：<jsp：forward 代码><jsp include 代码>

九个内置对象（4个作用域）：
request：请求对象(作用域)
response：响应对象
pageContext：实例对象(作用域)
session：(作用域)
application：应用程序对象(作用域)
out：输出对象
config：配置对象
page：页面对象
exception：例外对象
通过pageContext对象可以得到其他8个内置对象
eg.
request = pageContext.getRequest();
jsp EL表达式:
它是一种简单的语言，基于可用的命名空间（PageContext 属性）、嵌套属性和对集合、操作符（算术型、关系型和逻辑型）的访问符、

映射到 Java 类中静态方法的可扩展函数以及一组隐式对象。

注意 <%@ page isELIgnored="true" %> 表示是否禁用EL语言,TRUE表示禁止.FALSE表示不禁止。

操作内容：常量变量（对象引用）运算隐私对象
空类型${nul};
运算：
关系：== o req, != or ne,< or lt,> or gt ge
算术 : +、-（二元）、*、/、div、%、mod、-（一元）
逻辑 :and、&&、or、||、!、not

条件型: A ?B :C。根据 A 赋值的结果来赋值 B 或 C。

写法：
${user.password1 == user.password2 }可以多个变量

变量查找：
通过pageContext.findAttribute("")来查找依次从page request session application域中查找（从小到大）;假如途中找到username，就直接回传，

不再继续找下去，但是假如全部的范围都没有找到时，就回传null。
访问属性：
EL 提供“.“和“[ ]“两种运算符来存取数据。当要存取的属性名称中包含一些特殊字符，如.或?等并非字母或数字的符号，就一定要

使用“[ ]“。例如：

${user my-Name}应当改为${user["My-Name"] }

如果要动态取值时，就可以用“[ ]“来做，而“.“无法做到动态取值。例如：

${sessionScope.user[data]}中data 是一个变量