java:JQueryReview
Important:
1.id选择器,class选择器,标签选择器:
$("#id"); $(".class"); $("标签");
2.jQuery的定义:
引入jQuery文件--->jquery-3.2.1.min.js
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
第一种:
$(function(){
});
第二种:
$(document).ready(function(){
});
3.函数:
1.val():获取表单中的元素的值(第一个元素的值)
2.text():获取元素的文本信息
3.addClass(""):给某个标签添加类样式
4.removeClass(""):移除,某个标签的类样式
5.css():如果只有一个参数,获取当前选中标签的样式值;如果有两个参数,给某个元素添加行内样式
6.html(""):给某个标签添加文本信息,或者html代码,和js中的innerHTML实现效果一致
7.append(""):拼接,给某个标签拼接文本信息,或者html代码
8.attr():如果只有一个参数:或者某个标签的属性值;如果有两个参数,给某个标签赋值
prop():和attr实现的效果一样
attr()和prop的区别:
attr():获取或赋值不是自带的属性值,自己定义的属性值
$("a").attr("turn");
prop():获取或赋值自带的属性值,原本就支持的属性值
$("a").prop("href");
<a href="http://www.baidu.com" target="_blank" name="a标签" turn="baidu">百度</a>
9.trigger():会自动触发事件
10. on():触发一个事件
4.事件:
click, dblclick, blur, focus, submit
keyup, keydown, mouseover(鼠标悬浮)
<input type="button" value="测试" />
$("input").click(function(){给input绑定click事件
});
$("input").on("click", function(){
});
$("ul").on("click","li",function(){
});
<ul>
<li></li>
</ul>
5.选择器:
+:选择出相邻元素(只能是一个)
~:选择出所有的兄弟元素(所有兄弟元素)
$(":input"):选择出所有input(input,select,textarea)
$("td").parent();选择出td的直接父级元素
$("td").parent().parent();选择出td的直接父级元素的父级元素
$("td").parents();选择出td的所有祖先元素
6.效果:
show():显示
hide():隐藏
toggle():既可以显示又可以隐藏
slideUp():向上滑动直到隐藏
slideDown():向下滑动,直接显示
slideToggle():滑动
ajax:(servlet学完)牵扯前后台数据进行交互
7.form验证:
第一种:
// 第一步:封装验证函数(以username为例)
function checkUsername() {
// 第一步:获取input的值
var userValue = $("#uname").val();
// 第二步:定义正则表达式
var reg = /^\w$/;
// 第三步:匹配正则
if(reg.test(userValue)) {
格式正确
return true;
} else {
格式错误
return false;
}
}
// 第四步:定义一个boolean类型的标记
var userFlag = true;
// 第五步:绑定事件
$(function(){
// 第六步:选中input对象
var ins = $("uname");
// 第七步:给选中的对象绑定事件
ins.blur(function(){
// 调用封装的函数,并接收
userFlag = checkUsername();
});
// 第八步:给form表单绑定submit事件
$("form").submit(function(){
return userFlag;
});
});
<form>
<input type="text" name="username" id="uname" />
</form>
java:JQueryReview的更多相关文章
- Kotlin中变量不同于Java: var 对val(KAD 02)
原文标题:Variables in Kotlin, differences with Java. var vs val (KAD 02) 作者:Antonio Leiva 时间:Nov 28, 201 ...
- Java:类与继承
Java:类与继承 对于面向对象的程序设计语言来说,类毫无疑问是其最重要的基础.抽象.封装.继承.多态这四大特性都离不开类,只有存在类,才能体现面向对象编程的特点,今天我们就来了解一些类与继承的相关知 ...
- 深入理解Java:注解
注解作用:每当你创建描述符性质的类或者接口时,一旦其中包含重复性的工作,就可以考虑使用注解来简化与自动化该过程. Java提供了四种元注解,专门负责新注解的创建工作. 元注解 元注解的作用就是负责注解 ...
- Java:String和Date、Timestamp之间的转
Java:String和Date.Timestamp之间的转 一.String与Date(java.util.Date)互转 1.1 String -> Date String dateStr ...
- java:访问权限
访问权限四大类:权限从大->小 1.public: 公共权限 2.protected: 受保护权限 3.default: 包级别访问权限/默认权限 4.private: 私有权限 以p ...
- java:比较对象
对象内容相等条件:1.对象类型相同(可用instanceof操作符比较)2.对象的成员变量的值完全相同 instanceof 判断对象类型 //a是否为Child对象类型 boolean b = a ...
- java:复写equals实例
class User { String name; int age; /* *比较过程思路: *1.两个对象指向位置相同,那么他们就相等,return后跳出函数,不再往下执行 *2.指向位置不同,有3 ...
- 【转】深入理解Java:SimpleDateFormat安全的时间格式化
[转]深入理解Java:SimpleDateFormat安全的时间格式化 想必大家对SimpleDateFormat并不陌生.SimpleDateFormat 是 Java 中一个非常常用的类,该类用 ...
- Java:终结器
目录 背景Java版:终结器防卫者C#版:“终结器防卫者”备注 背景返回目录 多数情况我们不需要重写 finalize 方法,只有当我们需要持有未托管资源的时候才需要,而此时重写 finalize 方 ...
随机推荐
- idea 注册码 2月
https://blog.csdn.net/zhw0596/article/details/81394870 不显示.java后缀 https://segmentfault.com/q/1010000 ...
- 前端面试题-CSS优先级
一.选择器优先级 浏览器通过优先级来判断哪一些属性值与一个元素最为相关,从而在该元素上应用这些属性值.优先级是基于不同种类选择器组成的匹配规则. 二.优先级计算 优先级就是分配给指定的CSS声明的一个 ...
- Observer-Proxy拦截器 -ES6
在目标对象前嫁接了一个拦截层,外界对该对象的访问都必须通过这层拦截 可实现观察者模式
- jvm的几篇文章
https://www.cnblogs.com/xrq730/category/731395.html
- 再提供一种解决Nginx文件类型错误解析漏洞的方法
[文章作者:张宴 本文版本:v1.2 最后修改:2010.05.24 转载请注明原文链接:http://blog.zyan.cc/nginx_0day/] 注:2010年5月23日14:00前阅读本文 ...
- wget下载与tar压缩/解压
目录 wget命令 下载整个网站 压缩与解压 小节 wget命令 Usage: wget [OPTION]... [URL]... # 后台运行 -b, --background go to back ...
- OpenCascade建模:构建圆环API--BRepPrimAPI_MakeTortus()
构建圆环API--BRepPrimAPI_MakeTortus() 函数语法: BRepPrimAPI_MakeTortus( const Standard_Real R1, const Standa ...
- 遍历文件夹 DirectoryInfo类
该类有三个方法: GetDirectories() 当前目录的子目录 GetFiles() 当前目录的文件列表 GetFileSystemInfos() 当前目录的文件.子目录,返回强类型Fi ...
- C# IIS域名绑定
C#解决IIS域名批量绑定: https://shiyousan.com/post/636022975388168065 C#程序控制IIS 添加站点域名绑定: https://blog.csdn.n ...
- jquery getScript动态加载JS方法改进详解
有许多朋友需要使用getScript方法动态加载JS,本文将详细介绍此功能的实现方法 $.getScript(url,callback) 这个方法是jquery自身提供的一个用于动态加载js的方法.当 ...