前端基础总结
更好的自己520
这个作者很懒,什么都没留下…
展开
-
CSS基础总结(一)
代码段<script type="text/css"> </script>或者<link href="style.css" rel="stylesheet" type="text/css">1:使用<link>标签导入外部样式表 href:定义样式表文件URLtype:定义导入文件类型,同style元素一样rel:用于定义文档关联,表示关联样式表2:使用@import关键字导入<st原创 2018-04-23 22:57:25 · 202 阅读 · 0 评论 -
jQuery中的Ajax全局事件
ajaxStart(callback):Ajax请求开始时触发该事件ajaxSend(callback):Ajax请求发送前触发该事件ajaxSuccess(callback):Ajax请求成功时触发该事件ajaxComplete(callback):Ajax请求完成时触发该事件ajaxStop(callback):Ajax请求结束时触发该事件ajaxError(callb...原创 2018-05-24 14:37:15 · 1078 阅读 · 0 评论 -
jQuery自定义动画animate(二)
toggle(speed,[callback]); slideToggle(speed,[easing],[callback]); fadeTo(speed,opacity,[callback]); fadeToggle(speed,[easing],[callback]);①toggle(): toggle方法可以切换元素的可见状态,如果元素当前是可见的,则切...转载 2018-04-28 18:48:14 · 153 阅读 · 0 评论 -
jQuery自定义动画animate(一)
jQuery中的show()方法和hide()方法会同时修改元素的多个样式,即宽带、高度和不透明度;fadeOut()方法和fadeIn()方法只会修改元素的不透明度;slideDown()方法和slideUp()方法只会修改元素的高度,这些有时候不能满足需求,所以就要采取一些高级的自定义动画,在jQuery中可以使用animate()方法来自定义动画。语法:animate(params,sp...转载 2018-04-28 18:45:03 · 393 阅读 · 0 评论 -
jQuery中的动画
show()方法和hide()方法 hide方法会将该元素的display样式改为 none$("element").hide() $("element").css("display","none");当把元素隐藏后,可以使用show()方法将元素的display样式设置为block或inline$("#panel h5.head").toggle(function(){ $(this)原创 2018-04-28 12:29:07 · 126 阅读 · 0 评论 -
jquery常用方法总结(一)
取值与赋值操作$("#ID").val(); //取value值$("#ID").val("xxx"); //赋值$("#ID").text(); //相当于取innerText$("#ID").text(""); //相当于赋值给innerText$("#ID").html(); //相当于取innerHTML$("#ID").h转载 2018-04-27 23:49:01 · 132 阅读 · 0 评论 -
jQuery模拟操作
一般情况下用户必须通过单击按钮,才能触发click事件,但是有时,需要通过模拟用户操作来达到单击的效果,例如在用户进入页面后,就触发click事件,而不需要用户去主动单击。在jQuery中,可以使用trigger()方法来完成模拟操作 $("#btn").trigger("click");这样,当页面装载完毕后,就会立刻输出想要的效果。触发自定义事件 trigger()方法不仅能触发浏览器支持的原创 2018-04-27 18:09:39 · 682 阅读 · 0 评论 -
jQuery之事件冒泡
冒泡事件: 在页面上可以有多个事件,也可以多个事件响应同一个事件,假设网页上有两个元素,其中一个元素嵌套在另一个元素里,并且都被绑定了click事件,同时<body>元素上也绑定了click事件。之所以称为冒泡是因为事件会按照DOM的层次结构像水泡一样不断的往上直到顶端,冒泡事件也会出现意料之外的效果,触发多余的事件,这时就需要用到事件对象了。$('span').bind("click",func原创 2018-04-27 17:34:01 · 130 阅读 · 0 评论 -
jQuery事件绑定及合成事件
window.onload方法和$(document).ready()方法的区别3种方式是等价的$(document).ready(function(){ })$(function(){ })$().ready(function(){ })事件绑定:bind() click mouseover mouseout 事件流程:等待DOM转载完毕,找到标题所在的元素,绑定click事件,找原创 2018-04-27 16:24:35 · 246 阅读 · 1 评论 -
jQuery选择器(二)基本选择器+层次选择器
1:获取所有的<p>元素,对<p>元素继续循环,因为获取的是数组对象,给每个<p>元素添加行为事件var items=document.getElementsByTagName("p");for(var i=0;i<items.length;i++){ items[i].onclick=function(){ //do something }}2:根据表格id获取表格,在原创 2018-04-27 10:28:00 · 225 阅读 · 0 评论 -
jQuery选择器(一)基本选择器+层次选择器
1:CSS选择器 标签选择器,ID选择器,类选择器,群组选择器,后代选择器,子选择器<p style="color:red;font-size:30px;">CSS demo</p><style>.demo{ color:red; font-size:30px;}</style><p class="demo">CSS Demo</p>jQuery选择器<script type=原创 2018-04-27 09:46:23 · 300 阅读 · 0 评论 -
jQuery(四)实例
<input type="checkbox" id="cr"/><label for="cr">我已经阅读了上面的制度。</label>通过$(“#cr”)获取到复选框元素,然后通过判断复选框是否被选中来执行下一步操作首先,用DOM方式来判断复选框是否被选中,代码如下:$(document).ready(function(){ 等待DOM元素加载完毕 var $cr=$("#cr");原创 2018-04-26 23:20:53 · 144 阅读 · 0 评论 -
jQuery(三)区别 Jquery对象和Dom对象
在讨论之前,先约定好定义变量的风格。如果获取的对象是jQuery对象,那么在变量前加上$,例如:var $variable = jQuery对象;如果获取的是DOM对象,则定义如下:var variable = DOM对象;jQuery对象不能使用DOM中的方法,但是如果对jQuery对象所提供的方法不熟悉,或者jQuery没有封装想要的方法,不得不实用DOM对象的时候,有以下两种处理方法。jQue转载 2018-04-26 23:04:57 · 162 阅读 · 0 评论 -
jQuery(二)链式操作
$(".level>a").click(function(){ $(this).addClass("current") 给当前的元素添加 current样式 .next().show() 下一个元素显示 .parent().siblings().children("a").removeClass("current") 父元素的同辈元素的子原创 2018-04-26 22:58:23 · 1126 阅读 · 0 评论 -
jQuery(一)
jquery.js开发版,完整无压缩版本,主要用于测试、学习和开发 jquery.mi.js生产版,主要用于产品和项目在jQuery库中,$就是jQuery的一个简写形式,例如$("#foo")和jQuery("#foo")是等价的,$.ajax和jQuery.ajax是等价的,如果没有特殊说明,程序中中的$符号都是jQuery的一个简写形式。$(document).ready(func...原创 2018-04-26 22:40:08 · 94 阅读 · 0 评论 -
jQuery选择器总结
总结:原创 2018-05-01 15:52:41 · 117 阅读 · 0 评论 -
jQuery常用的几个选择器
常用的几个选择器$("tr:contains('王五')").addClass("selected");给包含有王五的添加selected样式$(this).find(":checkbox").attr('checked',true);var hasSelected=$(this).hasClass('selected');判断是否有selected样式$(this).find(':radio'原创 2018-05-01 14:45:34 · 628 阅读 · 0 评论 -
ajax之 load()方法
<input type="button" id="send" value="ajax获取"/><div id="resText"></div>$(function(){ $("#send").click(function(){ $("resText").load("tes原创 2018-05-24 15:43:50 · 1215 阅读 · 0 评论