javascript
关注
分享
扫一扫
csdncsdn9876
这个作者很懒，什么都没留下…
展开
-
js中关于IE与DOM对浏览器的兼容性
处理event;DOM主流浏览器，event就是event，而IE则是window.event;处理目标，也就是事件的主体元素。DOM主流元素就是event.target；而IE则是event.srcElement。还有其他的需要处理的后续再更新。原创 2016-06-07 20:16:59 · 629 阅读 · 0 评论 -
jquery动画之slide
由某个事件引起的另外一个元素的滑出或者滑入在jquery中用到了slideDown、slideUp、slideToggle这三个方法。其中slideDown(speed,callback)是让元素显示；slideUp(speed,callback);是让元素滑出显示界面；slideToggle(speed,callback)是让元素或如或者滑出之间的切换。原创 2016-06-11 13:13:30 · 769 阅读 · 0 评论 -
jquery animate自定义动画的使用感受
在使用了jquery提供的animate这个方法来自定义动画之后，有这么几点感受。第一点，animate使用起来还是比较灵活的。animate({css样式}，slow or fast，callback);方法用起来比较简单。也就是用过第一个花括号里面对选中的操作元素的样式的改变来达到动画的效果。例如：animate({width:'300px'});能将原来的元素的宽度变成300px原创 2016-06-11 14:21:20 · 1045 阅读 · 0 评论 -
jquery的捕获
在jquery的实际使用过程中会经常用到四个方法。1、val()；获取元素的value值；2、attr(“href”)；获取元素，属性名为href的值；3、text();获取元素的文本内容，不包括标签元素；4、html()获取元素内的所有文本内容包括html标签。以上内容虽然很基础，但是也是十分重要的。原创 2016-06-11 15:14:07 · 276 阅读 · 0 评论 -
jquery添加元素
jquery添加元素主要有四个方法：append在元素之后添加元素；prepend在元素之前添加元素；after在元素之后添加元素；before在元素之前添加元素；看上去上面的方法冒失有点重复了。但是还是有一些区别的。append（”hello“）与after("hello")的区别是前者直接在元素之后添加，后者则是在元素之后重启一行之后原创 2016-06-11 15:56:20 · 255 阅读 · 0 评论 -
jquery中删除remove与empty的区别
remove就是让被选中的对象直接消失！empty就是清空被选对象的所有内容，留下一个”空壳子“！比如一个div盒子，选中该盒子之后，进行$(‘div”).remove();该盒子会被完全移除！而进行$("div").empty()，则是清空了该盒子里面的内容。但是盒子还是存在的。这就是区别。大家可以根据业务需求来选择使用哪一个！原创 2016-06-11 16:03:12 · 355 阅读 · 0 评论 -
jquery中css类
jquery中通过addClass()方法来对选中的元素进行添加样式的操作！例如简单的写一下而已css中：.one{ color:"red";}script脚本中：$(’p“).addClass("one");这样就给p元素加上了one这个css类！字体变成了红色。以此类似，我们还可以给元素添加集中不同的类原创 2016-06-11 16:19:04 · 263 阅读 · 0 评论 -
一张图理解jquery中的尺寸问题
原创 2016-06-11 16:37:18 · 252 阅读 · 0 评论 -
jquery对DOM的遍历,实用且高效！
其实web前端有了jquery之后，轻松了许多，功能也丰富了许多。祖先！所谓祖先也就是某个元素的所有上级元素！结合例子来说最基本的遍历祖先的操作！$("p").parent(),获取p元素的父元素！不包扩他的爷爷及以上的辈分！$("p").parents(),获取p元素的所有的长辈！对于这个方法我们就可以进行一定的过滤。比如$（"span原创 2016-06-11 18:39:07 · 1207 阅读 · 0 评论 -
ajax
其实ajax已经出来很久很久了。直到现在我才来写一篇关于ajax的博客，实属惭愧。闲话不多说。首先ajax不是一门编程语言。而是js的一个新技术而已。有了它，人们可以在在刷新页面局部的情况下，与服务器进行交互！这样用户体验高了许多！ajax的具体操作步骤首先获取XMLHttpRequest对象，这是ajax的关键！if(window.XMLHttpReque原创 2016-06-12 11:15:43 · 239 阅读 · 0 评论 -
谈谈对两种轻量级的存储数据方式XML和JSON的理解
XML 是可扩展标记性语言，它是用来传输数据的！你可以随意的自动一标签。比如你想定义几本书本书：book.xml JAVA zhangsan JS lisi php wangwu css zhaoliu那么如何取到该xml文原创 2016-06-12 15:32:08 · 964 阅读 · 0 评论 -
web前端笔试
1. 请用div+css写出文字水平垂直居中，图片水平垂直居中的样式及布局。2. 请用div+css写出左侧固定(width：200px)，右侧自适应的页面布局。3. 请写出至少五种css浏览器兼容性的写法。4. jquery的绑定事件有几种方式 ，请举例说明其优缺点。5. 请写出至少三种js浏览器兼容性的写法。原创 2016-06-20 19:03:24 · 285 阅读 · 0 评论 -
制作简单的计算器，用到HTML5中的type=number这个input属性
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><input type="number" id="num1"/><select id="slc"> <option value="+">+</option> <option val原创 2016-06-20 21:56:34 · 3607 阅读 · 0 评论 -
关于jquery动画中的淡入淡出的理解
大家在操作jquery动画的过程中难免会用到淡入淡出这个特效。大家很容易与hide()和show()弄混淆。这里撇清一下。hide（）或者show（）的元素，在呈现或者影身的过程中，不会出现透明度的改变，而是透明度不变的出现或者消失。淡入淡出主要的四个方法：fadeIn(speed,callback) 通过点击按钮或者其他事件来触发，使目标元素出现在屏幕上。而且是透明度原创 2016-06-10 20:11:35 · 700 阅读 · 0 评论 -
jquery动画中显示、隐藏
hide() 隐藏元素 hide(speed,callback),speed为隐藏的速度，callback为元素隐藏完之后的回调函数，也就是隐藏之后，要做什么！show() 显示 同样有两个参数 speed和 callback;toggle用于切换显示或者隐藏！在实际运用中也用的比较多。比如用一个按钮的点击来控制某个div盒子的显示或者隐藏状态$(原创 2016-06-10 19:46:43 · 353 阅读 · 0 评论 -
分享常见的DOM事件
原创 2016-06-10 19:00:13 · 225 阅读 · 0 评论 -
鼠标事件！
下面这幅图是常用的鼠标事件！原创 2016-06-07 20:26:53 · 274 阅读 · 0 评论 -
键盘事件
下面是常用的三种键盘事件！在实际应用中，只有在文本框中才显得有实际的意义。原创 2016-06-07 21:09:16 · 289 阅读 · 0 评论 -
HTML事件
下表是常见的HTML事件原创 2016-06-07 21:49:40 · 278 阅读 · 0 评论 -
一张图让你理解ajax原理
这张图很经典。原创 2016-06-08 22:27:37 · 451 阅读 · 0 评论 -
html事件处理程序
html事件处理程序 function showMessage(){ alert("hello world"); } html事件处理程序通过元素的属性调用方法来处理事件。这种方式，html元素与js的 耦合度比较高。不利于后期的维护。这也是很多人摒弃这种方法的原因。原创 2016-06-04 22:31:34 · 498 阅读 · 0 评论 -
dom 0级处理事件
dom 0级事件 var btn2 = document.getElementById("btn2"); btn2.onclick = function(){ alert("hello world"); } 这种方式是目前开发人员使用最多的方式。因为它原创 2016-06-04 22:40:18 · 404 阅读 · 0 评论 -
dom 2级处理事件
dom 2级处理事件 function showMessage(){ alert("hello world"); } var btn3 = document.getElementById("btn3"); btn3.addEventListener("click",原创 2016-06-04 22:53:09 · 315 阅读 · 0 评论 -
IE事件处理程序
IE事件处理程序 function showMessage(){ alert("hello world"); } var btn3 = document.getElementById("btn3"); btn3.attachEvent("onclick",showM原创 2016-06-04 23:03:12 · 392 阅读 · 0 评论 -
解决跨浏览器的事件问题
跨浏览器解决方法 function showMessage(){ alert("hello world"); } var btn = document.getElementById("btn"); var eventUtil = { //添原创 2016-06-04 23:32:48 · 334 阅读 · 0 评论 -
阻止事件冒泡
跨浏览器解决方法 function showMessage(event){ alert(event.target.nodeName); event.stopPropagation(); } function showBox原创 2016-06-05 09:51:59 · 338 阅读 · 0 评论 -
阻止事件的默认行为
跨浏览器解决方法 跳转 function showMessage(event){ alert(event.target.nodeName); event.stopPropagation(); } fu原创 2016-06-05 10:01:54 · 332 阅读 · 0 评论 -
jquery中选择器需要注意的地方之一
jquery中选择器需要注意的地方之一$(" ul li:first")是选择第一个li标签！$("ul li:first-child")是选择所有的ul的第一个li标签原创 2016-06-10 18:17:22 · 506 阅读 · 0 评论 -
打开新页面的两种方式
window.location.href=""; 同一窗口window.open(""); 新窗口原创 2017-03-28 10:17:20 · 918 阅读 · 0 评论