从初学时整理的jq资料

cdn：百度src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"谷歌src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"基础语法： $(selector).action()获取图片:form表单标签里要加属性：enctype="multipart/form-data"
var tp=new FormData(); tp.append("tjt",$("#tp")[0].files[0]);  //获取图片地址var imgURL=window.URL.createObjectURL(tp.get("tjt"));//图片url//   $("img").attr('src', imgURL);   //给img添加src属性值为imgURL
// URL.revokeObjectURL(imgURL);// 使用下面这句可以在内存中释放对此 url 的伺服，跑了之后那个 URL 就无效了
3. java后台接收时：（form和formData一样）
@Transactional
@RequestMapping(value = "", method = RequestMethod.POST)
public int addHospital(Entity entity, MultipartFile logos) {
if (null != logos) {
if (logos.getSize() > 0) {
String imageSrc = uploadFile(logos, xxx.getxxx().toString());
if (!Misc.isNull(imageSrc)) {
xxx.setLogo(imageSrc.substring(imageSrc.lastIndexOf("/") + 1));
}
}
} else {
xxx.setLogo("default.jpg");
}
}.pageX元素横向位置.pageY元素纵向位置var jq = $.noConflict();//释放对$的控制之后$用jq代替<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="https://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
因：rules:{name:"规则",name:{规则:值,规则:值}}
果：messages:{name:"不满足时输出的内容",name:{规则:"不满足时输出的内容",规则:"不满足时输出的内容"}}  //不要忘了前面加,
默认Class：.error
1   required:true   必须输入的字段。
2   remote:"check.php"    使用 ajax 方法调用 check.php 验证输入值。
3   email:true  必须输入正确格式的电子邮件。
4   url:true    必须输入正确格式的网址。
5   date:true   必须输入正确格式的日期。日期校验 ie6 出错，慎用。
6   dateISO:true    必须输入正确格式的日期（ISO），例如：2009-06-23，1998/01/22。只验证格式，不验证有效性。
7   number:true 必须输入合法的数字（负数，小数）。
8   digits:true 必须输入整数。
9   creditcard: 必须输入合法的信用卡号。
10  equalTo:"#field"  输入值必须和 #field 相同。
11  accept: 输入拥有合法后缀名的字符串（上传文件的后缀）。
12  maxlength:5 输入长度最多是 5 的字符串（汉字算一个字符）。
13  minlength:10    输入长度最小是 10 的字符串（汉字算一个字符）。
14  rangelength:[5,10]  输入长度必须介于 5 和 10 之间的字符串（汉字算一个字符）。
15  range:[5,10]    输入值必须介于 5 和 10 之间。
16  max:5   输入值不能大于 5。
17  min:10  输入值不能小于 10。JSON   //delete 关键字来删除 JSON 对象的属性：delete myObj.sites["site1"]
JSON.stringify(this.unit)   //将unit对象转化为json对
在控制台中以：JSONObject jsonObject=JSONObject.fromObject(jianlidata);Jianli jianli=(Jianli) JSONObject.toBean(jsonObject,Jianli.class);//转化回对象对象：var JSONObject= {"名":"值", "名":"值"};
对象数组：var JSONObject= [{ "name":"菜鸟教程" , "url":"www.runoob.com" }, { "名":"名" , "url":"www.runoob.com" },];
myObj = {"name":"runoob","sites": {"site1":"www.runoob.com","site2":"m.runoob.com" }}          x = myObj.sites["site1"];
"sites": [{ "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻译" ] },{ "name":"Taobao", "info":[ "淘宝", "网购" ] }]
获取属性for (x in myObj) {document.getElementById("demo").innerHTML += x + "<br>";}AJAX
load("/try/ajax/demo_test.txt #p1")
load("demo_test.txt",function(responseTxt,statusTxt,xhr){if(statusTxt=="success")alert("外部内容加载成功!");if(statusTxt=="error")alert("Error: "+xhr.status+": "+xhr.statusText);});//判断是否加载成功
$.ajax({url : '/jianli/findByyanzheng', //传输地址type : "post",  //方式data : {id:id,pass:pass},//传值async : false, //是否异步success : function(data) { //data为返回值if(data.length!=0)t= true;else   t= false;}})jQuery 操作 CSS
addClass() - 向被选元素添加一个或多个类 字符串中空格隔开可写多个
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作 有则删无则添
css() - 设置或返回（第一个元素）样式属性值隐藏：hide() 显示：show()    toggle()隐则显显则隐
添加css：   addClass("fong"); 删除css：   removeClass("fong");
淡入：fadeIn()  淡出：fadeOut() 淡入淡出：fadeToggle()    颜色变淡：fadeTo()
滑开：slideDown()   滑关：slideUp() 开则关关则开：slideToggle()
创建动画：animate()//默认情况下，所有的 HTML 元素有一个静态的位置，且是不可移动的。 如果需要改变为，我们需要将元素的 position 属性设置为 relative, fixed, 或 absolute!
停止动画：stop();
返回属性值：attr("href")//对于HTML元素本身就带有的属性使用 prop 方法 对于HTML元素自定义属性使用attr方法
原文本：origText //像this使用
设置/改变属性值（可用来回到原属性值）：attr("href","http://www.runoob.com/jquery");attr({ "href" : "http://www.runoob.com/jquery", "title" : "jQuery 教程"});
remove() - 删除被选元素（及其子元素）
empty() - 从被选元素中删除子元素加载完成：ready
单击：click 双击：dblclick  鼠标指针进入 ：mouseenter   鼠标指针离开：mouseleave    鼠标指针悬停：hover       鼠标制定元素中移动mousemove
键被按下：keypress        键按下的过程：keydown   键被松开：keyup
提交表单时：submit     字段改变时：change     字段获得焦点时：focus    失去焦点时：blur
窗口调整大小时：resize   滚动指定的元素： scroll  选择对象：$(对象)
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$(".test").hide() - 隐藏所有 class="test"
$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏所有 id="test" 的元素
$("*")    选取所有元素  在线实例
$(this) 选取当前 HTML 元素    在线实例
$("span").parent()    span的父元素
$("ul").find("span")    ul的所有子元素
$("tr:gt(3)") 选择前 4 个之后的所有 <tr> 元素
$("p,.intro") 选取 class 为 intro 的 <p> 元素
$("p:eq(1)")  选取第二个 <p> 元素
$("p:first")  选取第一个 <p> 元素
$("p:first").next()   选取第一个的下一个 <p> 元素
$("p:last")       选取最后一个 <p> 元素
$("ul li:first")  选取第一个 <ul> 元素的第一个 <li> 元素
$("ul li:first-child")    选取每个 <ul> 元素的第一个 <li> 元素
$("[href]")   选取带有 href 属性的元素
$("[href='ss']")   选取 href 属性为ss的元素
$("a[target='_blank']")    选取所有 target 属性值等于 "_blank" 的 <a> 元素
$("a[target!='_blank']")   选取所有 target 属性值不等于 "_blank" 的 <a> 元素
$(":button")  选取所有 type="button" 的 <input> 元素 和 <button> 元素
$("tr:even")  选取奇数位置的 <tr> 元素
$("tr:odd")   选取偶数位置的 <tr> 元素
.siblings('div')  同一级div
1.基本选择器
$("#id")            //ID选择器
$("div")            //元素选择器
$(".classname")     //类选择器
$(".classname,.classname1,#id1")     //组合选择器
2.层次选择器$("#id>.classname ")    //子元素选择器
$("#id .classname ")    //后代元素选择器
$("#id + .classname ")    //紧邻下一个元素选择器
$("#id ~ .classname ")    //兄弟元素选择器
3.过滤选择器(重点)
$("li:first")    //第一个li
$("li:last")     //最后一个li
$("li:even")     //挑选下标为偶数的li
$("li:odd")      //挑选下标为奇数的li
$("li:eq(4)")    //下标等于 4 的li(第五个 li 元素)
$("li:gt(2)")    //下标大于 2 的li
$("li:lt(2)")    //下标小于 2 的li
$("li:not(#runoob)") //挑选除 id="runoob" 以外的所有li
3.2内容过滤选择器
$("div:contains('Runob')")    // 包含 Runob文本的元素
$("td:empty")                 //不包含子元素或者文本的空元素
$("div:has(selector)")        //含有选择器所匹配的元素
$("td:parent")                //含有子元素或者文本的元素
3.3可见性过滤选择器
$("li:hidden")       //匹配所有不可见元素，或type为hidden的元素
$("li:visible")      //匹配所有可见元素
3.4属性过滤选择器
$("div[id]")        //所有含有 id 属性的 div 元素
$("div[id='123']")        // id属性值为123的div 元素
$("div[id!='123']")        // id属性值不等于123的div 元素
$("div[id^='qq']")        // id属性值以qq开头的div 元素
$("div[id$='zz']")        // id属性值以zz结尾的div 元素
$("div[id*='bb']")        // id属性值包含bb的div 元素
$("input[id][name$='man']") //多属性选过滤，同时满足两个属性的条件的元素
3.5状态过滤选择器
$("input:enabled")    // 匹配可用的 input
$("input:disabled")   // 匹配不可用的 input
$("input:checked")    // 匹配选中的 input
$("option:selected")  // 匹配选中的 option
4.表单选择器
$(":input")      //匹配所有 input, textarea, select 和 button 元素
$(":text")       //所有的单行文本框，$(":text") 等价于$("[type=text]")，推荐使用$("input:text")效率更高，下同
$(":password")   //所有密码框
$(":radio")      //所有单选按钮
$(":checkbox")   //所有复选框
$(":submit")     //所有提交按钮
$(":reset")      //所有重置按钮
$(":button")     //所有button按钮
$(":file")       //所有文件域添加新的 HTML 内容
$("p").append(" <b>追加文本</b>。") - 在被选元素插入内容 也可用逗号隔开写多个
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

从初学时整理的jq资料相关推荐

【个人随笔】准备整理整理以往的资料
说起来,51CTO的这个账号好像是2013年申请的,距今已近6年.回首过往,也没有留下什么有价值的东西,只是在不停的学习.工作,以及填坑. 当一个人回首过往之时,不应以碌碌无为而抱憾终身.加之工作也有 ...
外国程序员整理的Java资料大全
2019独角兽企业重金招聘Python工程师标准>>> 外国程序员整理的Java资料大全博客分类: java 构建这里搜集了用来构建应用程序的工具. Apache Maven:M ...
口腔医学重点精心整理【经典资料】
口腔颌面部解剖: 1.颜面部: 上从发际,下至下颌骨下缘或达舌骨水平,两侧至下颌支后缘或颞骨乳突之间的区域. 2.颌面部: 颜面部的中1/3和下1/3部分组成的区域,为人体最显露.最具特征的部位.上1 ...
毕业设计时如何搜集相关资料等问题解答
毕业设计时如何搜集相关资料等问题解答(陈晓炜早期文章) 做毕业设计时,大多数人都想趁这最后的机会好好学习一下,掌握一点实际的东西,或者为找工作做点准备等等之类的想法.可是在真正去做的时候却发现毕业 ...
尚硅谷周阳老师2020年 SpringCloud(H版和Alibaba) 视频教程学习时整理的笔记记录和代码
尚硅谷周阳老师2020年 SpringCloud(H版和Alibaba)视频教程学习时整理的笔记记录和代码尚硅谷周阳老师SpringCloud(H版和Alibaba)学习.代码摘录,下面是各个mod ...
53个全球免费学术资源数据库整理，查资料写论文必备【开学必备】
作为科研狗,查询检索海量文献资料是必不可少的步骤.美常在却缺少捕捉美的眼睛,真理长存却缺少发现真理的路径.虽然有SciHub以及各种开源期刊,但这些也不能完全满足大家对知识的渴求.白嫖人人喊打,却又人 ...
一名数据挖掘工程师给新人整理的入门资料
数据挖掘四年前我一次听说数据挖掘这个词,三年前我学习了数据挖掘理论知识,两年前我做了几个与数据挖掘有关的项目,一年前我成为一名数据挖掘工程师,今天我把数据挖掘入门资料整理了一下,希望能够对新人有帮助 ...
一周学好python_耗时一周整理的Python资料，包含各阶段所需网站、项目，收藏了？慢慢来...
不知怎么的,最近不少关注我的读者都开始私信我怎么学好python?零基础转行是不是合适,还有希望吗?今年30了,还能不能转IT? 今天这篇文章,我花了一周的时间搜索.整理.调研.筛选,最后定稿.希望能 ...
BIG6——解决问题时收集、利用资料的思路
目录一.什么是BIG6 二 .具体步骤 2.1 确切地了解问题.定义问题(一句话:什么情况.要干什么) 2.2 确定信息检索范围,确定内容范围和优先级,确定检索策略(一句话:找什么.怎么找.去哪 ...

从初学时整理的jq资料

从初学时整理的jq资料相关推荐

最新文章

热门文章