jQuery
mzf19980423
这个作者很懒,什么都没留下…
展开
-
bootstrap介绍
1、bootstrap简单、直观、强悍的前端开发框架,让web开发更迅速、简单。来自twitter,是目前很受欢迎的前端框架之一。Bootstrap是基于HTML、CSS、JavaScript的,让属性代码更容易。移动优先,响应式布局开发。bootstrap中文网址:boostrap中文网址2、bootstrap容器container-fluid 流体container1170970750100%<div class="container-fluid">流体容器</di原创 2021-04-02 20:13:40 · 144 阅读 · 0 评论 -
json与ajax
1、jsonjson是JavaScript Object Notation 的首字母的缩写,单词的意思是JavaScript对象表示法,这里说的json指的是类似于JavaScript对象的一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。JavaScript自定义对象:var oMan = { name:'tom', age:16, talk:function(){ alert("说话"); }}json格式{ "name":"tom", "age":原创 2021-03-31 17:48:52 · 51 阅读 · 0 评论 -
滚轮事件与函数节流
jquery.mousewheel插件使用jquery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用jQuery的滚轮事件插件jquery.mousewheel.js。函数节流javascript中有些事件的触发频率非常高,比如onresize事件(jq中是resize),onmousemove事件(jq中是mousemove)以及上面所说的鼠标滚轮事件,再短事件内多处触发执行绑定的函数,可以巧妙的使用定时器来减少触发的次数,实现函数节流。$(window).moiusewheel(f原创 2021-03-31 11:07:51 · 162 阅读 · 0 评论 -
jQuery元素节点操作
1、创建节点var $div = $('<div>')var $div2 = $('<div>这是一个div元素</div>')2、插入节点1、append()和appendTo():在现存元素的内部,从后面插入元素var $span = $('<span>这是一个span元素</span>');$('#didv1').append($span);......<div id="div1"></div>2原创 2021-03-29 20:44:09 · 47 阅读 · 0 评论 -
jQuery事件与事件冒泡
1、事件函数列表blur() 元素失去焦点focus() 元素获得焦点click() 鼠标点击mouseover() 鼠标进入(进入子元素也触发)mouseout() 鼠标离开(离开子元素也触发)mouseenter() 鼠标进入(进入子元素不触发)mouseleave() 鼠标离开(离开子元素不触发)hover() 同时为mouseenter和mouseleave事件指定处理函数ready() DOM加载完成resize() 浏览器原创 2021-03-29 17:36:15 · 112 阅读 · 0 评论 -
jQuery属性操作与jQuery循环
1、html()取出或设置html内容//取出html内容var &htm = $('#div1').html();//设置html内容$('div1').html('<span>添加文字</span>')2、prop()取出或设置某个属性的值//取出图片 的地址var $src = $('#img1').prop('src');//设置图片的地址和alt属性$('#img1').prop({src:"test.jpg", alt:"test image原创 2021-03-29 16:02:26 · 69 阅读 · 0 评论 -
jQuery尺寸相关与滚动事件
1、获取和设置元素尺寸width()、height() 获取元素width和heightinnerWidth()、innerHight() 包括padding的width和heightouterWidth()、outerHight() 包括padding和border的width和heightouterWidth(true)、outerHight(true) 包括padding和border以及margin的width和height2、获取元素相对页面原创 2021-03-29 15:14:37 · 58 阅读 · 0 评论 -
jQuery特殊效果
1、jQuery特殊效果fadeIn() //淡入<script type="text/javascript"> $(function(){ $('#div').fadeIn(1000,''swing',function(){ alert("done"); }); });</script>fadeOut() //淡出fadeToggle() //切换淡入淡出hide() //隐藏元素show() //显示元素toggle() //切换元素的可见状原创 2021-03-29 10:21:31 · 58 阅读 · 0 评论 -
jQuery样式操作,绑定click事件,索引值
1、操作行间样式//获取div的样式$('div').css('width');$('div').css('color');//设置div的样式$("div").css("width","30px");$("div").css("height","30px");$("div").css({"width":"30px",color:"red"});2、操作样式类名$("#div").addClass("divClass2") //为id为div的对象追加样式divClass2$("#d原创 2021-03-28 17:56:04 · 223 阅读 · 0 评论 -
jQuery加载与选择器
1、jQuery引入以及写法//不能再jQuery的引入标签中写js代码<script type="text/javascript" src="jquery文件的位置"></script><script type="text/javascript"> window.onload = function(){ var oDiv = document.getElementById('div1'); alert('原生javasctipt'+oDiv); }原创 2021-03-28 16:53:55 · 99 阅读 · 1 评论