JQuery
SpecYue
学习自记录
展开
-
Json--JavaScript的对象表示法
json是类似于JavaScript对象的一种数据格式,目前这格式比较流,逐渐替换掉了xml的数据格式JavaScript自定义对象var oMan={ name:'tom', age:16, talk:function(s){ alert("我会说"+s);}}json格式的数据{ “name”:"tom", "age":18}与json对象不同的是,json数...原创 2019-01-24 09:58:53 · 233 阅读 · 0 评论 -
标签内设置属性以及JQuery拿到标签
标签内设置属性<a class="pull-right reply_btn" username="{{ comment.user.username }}" comment_pk="{{ comment.pk }}"><span>回复</span></a>像是这样,在a标签内设置了username属性...原创 2019-03-20 20:56:25 · 455 阅读 · 0 评论 -
JQuery的整屏滚动
滚轮事件和函数节流JQuery.mousewheel插件的使用:JQuery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用JQuery的滚轮事件插件JQuery.mousewheel.js。函数节流:JavaScript中有些事件的触发频率非常高,比如onresize事件(jq中是resize),onmousemove事件(jq中是mousemove)以及上面说的鼠标滚轮事件...原创 2019-01-23 16:06:27 · 560 阅读 · 0 评论 -
JQuery的节点操作
插入节点append()和appengTo():在现存元素内部,从后面插入prepend()和prependTo():在现存元素外部,从前面插入after()和insertAfter():在现存元素外部,从后面插入before()和insertBefore():在现存元素外部,从前面插入新建节点的插入<!DOCTYPE html><html lang="en"&...原创 2019-01-23 11:31:49 · 190 阅读 · 0 评论 -
JQuery的事件委托
事件委托就是利用事件冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作。事件委托首先可以极大的减少事件绑定次数,其次也可以让新加入的子集元素也拥有相同的操作。一般绑定事件的写法以及事件冒泡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2019-01-22 10:42:49 · 356 阅读 · 1 评论 -
JQuery事件
事件的绑定和解绑<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"原创 2019-01-21 17:27:50 · 147 阅读 · 0 评论 -
JQuery的属性操作和循环
取出或者设置html内容var $htm= $("#div").html 取出$("#div").html("<span>文字</span>") 设置取出或者设置某个属性的值var $src=$('#img1').prop('src') 取出$('#img1').prop({src:'test.jpg',alt:"test Image"}) 设置设置原创 2019-01-21 11:10:19 · 286 阅读 · 0 评论 -
设置拖拽效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src=&quo原创 2019-01-25 14:09:00 · 224 阅读 · 0 评论 -
JQuery获取可视区尺寸和文档尺寸以及制作悬浮菜单
获取可视区尺寸和文档尺寸<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript&q原创 2019-01-20 20:38:05 · 413 阅读 · 0 评论 -
JQuery的元素尺寸位置和页面滚动事件
获取元素尺寸<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" s原创 2019-01-20 18:58:52 · 317 阅读 · 0 评论 -
JQuery的animate动画
滑动选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css">原创 2019-01-20 11:00:07 · 241 阅读 · 0 评论 -
JQuery的特殊效果和链式调用
JQuery的特殊效果fadeOut()淡入fadeToggle()切换淡入淡出hide() 隐藏元素show() 现实元素toggle() 切换元素的可见状态slideDown() 向下展开slideUp() 向上卷起slideToggle()依次展开或者卷起某个元素&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&原创 2019-01-19 21:32:30 · 131 阅读 · 0 评论 -
JQuery样式操作和click事件和索引值-选项卡
JQuery的css函数既能读属性值,也能写属性值:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>样式操作</title> <script type="te原创 2019-01-19 20:53:54 · 258 阅读 · 0 评论 -
jsonp获取360联想词数据
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/原创 2019-01-24 20:02:35 · 404 阅读 · 2 评论 -
ajax和jsonp
ajax目的是让JavaScript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化的xmlhttp对象,使用此技术与后台通信。ajax通信的过程不会影响后续JavaScript的执行,从而实现异步。局部刷新和无刷新ajax可以实现局部刷新,也叫作无刷新,无刷新是指整个页面不刷新,只是局部刷新。ajax可以发送自己的http请求,不通过浏览器的地址栏,所以整个页面不会刷...原创 2019-01-24 17:43:33 · 102 阅读 · 0 评论 -
JQuery的加载和选择器
JQuery加载一般开发中不用原生的JavaScript而是用JQuery,开发效率比较高。下面程序是原生和JQuery库的比较程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</ti原创 2019-01-19 17:51:52 · 109 阅读 · 0 评论 -
JQuery的each遍历函数以及截取字符串方法以及JsonResponse的safe参数
each函数$.each(data, function (index, comment_dict) 从data里依次遍历,取出来的值放到commnet_dict里截取字符串截取字符串可以用正则匹配,用到的时候直接百度.也可以如下: var index = content.indexOf("\n"); content = content.slice...原创 2019-03-21 08:43:34 · 877 阅读 · 0 评论