jquery
mkmin
主要对新手入门
展开
-
jquery中bind与on的区别
浅谈jquery的bind与on的区别====委托事件原创 2017-08-15 10:04:26 · 6169 阅读 · 2 评论 -
jquery:jquery.data与attr的区别
个人觉得,data方法试用的是在jq开辟出来的缓存上,而attr方法是作用在视图上,比如下面的代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <bo原创 2018-08-12 22:21:15 · 583 阅读 · 0 评论 -
jquery:简单的dom操作1
clone():复制一个dom节点;unwrap:将匹配元素集合的父级元素删除,保留自身(和兄弟元素,如果存在)在原来的位置。wrap:在每个匹配的元素外层包上一个html元素;wrapall:在所有匹配元素外面包一层HTML结构。wrapinner:在匹配元素里的内容外包一层结构。基础篇,不多解释,直接代码:<!DOCTYPE html><html&...原创 2018-08-07 10:35:23 · 305 阅读 · 0 评论 -
jquery:css样式的操作
不用太多的解释,直接上代码吧。也不是那么难下面省去了width的类似操作,还有scrolltop的操作<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> &l原创 2018-08-05 22:26:38 · 188 阅读 · 0 评论 -
jquery:值的操作
jquery中一些操作值的方法:attr():操作某一个自定义属性值text():操作文本值;html():操作html;val():操作值<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> &原创 2018-08-05 17:26:20 · 681 阅读 · 0 评论 -
jquery:class的操作
jq中节点关于class的操作:addClass:在节点上增加class;removeClass:在节点上移除class;hasClass:该节点是否有class;tggleClass:切换该节点关于这个class的属性,若有则修改为无,若无则修改为有代码不多:简单理解:<!DOCTYPE html><html> <head> ...原创 2018-08-05 16:58:00 · 1230 阅读 · 0 评论 -
jquery:ajax的全局事件
资料来源:http://www.css88.com/jqapi-1.9/category/ajax/只选用了几个作为例子:$.ajax:发送一个ajax请求,需要在内部定义type(请求的方式)$.ajaxSetup:设置ajax的默认请求参数$(document).ajaxComplete:当有ajax请求完成的时候$(document).ajaxError:当有ajax请求...原创 2018-08-05 01:42:11 · 1164 阅读 · 0 评论 -
jquery:find,children,siblings,parent的简单使用
介绍不多,建议w3c,parent:返回操作元素的父辈;children:返回元素的儿子辈;find:返回元素的后代;sibling:返回元素的兄弟;至于其他的,比如next等,就不多介绍了,直接代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <...原创 2018-08-04 00:28:35 · 1823 阅读 · 0 评论 -
javascript:ajax发送json
ajax发送json,没啥问题,就记录下来,给今后的自己做蓝版$("#btn").bind("click", function() { var img = $('#iid')[0].src; var position = $("#_n2").val(); var questionId = $("#_n1").val(); var paraMap = {原创 2018-01-20 09:03:04 · 507 阅读 · 0 评论 -
前端文件上传2:使用jquery的ajax上传图片
最近一个朋友问我ajax,天真的我以为直接使用ajax可以上传文件,结果让他浪费了很多时间,对于这个重庆的小伙伴,我深感抱歉待到解决问题,也是知道了为什么不能上传,应该怎么上传代码如下:var formData = new FormData(e.target.files[0]); $.ajax({ url: "http://w原创 2017-08-10 10:28:21 · 936 阅读 · 0 评论 -
jquery:bootstrap-treeview 的简单使用
顾名思义,是基于jquery以及bootstrap的一个树状结构图来着的,所以我们需要向下载三个文件1.jquery,个人使用的是1.x的2.bootstrap的css文件,个人使用的是3.X的3.bootstrap-treeview的js文件,自己百度代码如下:<!DOCTYPE html><html> <head> <m...原创 2018-08-13 14:02:58 · 840 阅读 · 0 评论