JavaScript-修俟微渐-51CTO博客

原创 375
翻译 10
转载 72

分享：

全部

lsieun 发布于：2017-02-07
0

jquery和bootstrap的示例 // A、展示产品参数值：（1）请求数据// A、展示产品参数值：（1）请求数据 function displayProdcutParameterValue(productData){ $.ajax({ type:"POST"

原创

阅读 465

评论 0

收藏 0
lsieun 发布于：2016-09-01
0

jQuery ajax()使用serialize()提交form数据参考地址：http://www.cnblogs.com/leejersey/p/3750259.html http://www.w3school.com.cn/jquery/ajax_serialize.asp jQuery的serialize()方法通过序列化表单值，创建URL编码文本字符串，我们就可以选择一个或多个表单元素，也可以直接选择form将其序列化，如：<!DOCTYPE&nbs

转载

阅读 286

评论 0

收藏 0
lsieun 发布于：2016-09-01
0

jQuery事件事件 click mouseover mouseout focus blur 清除所有事件：unbind();代码示例：选择人名，2个ul，点击某一项之后，移动到另外一个ul中。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://ww

原创

阅读 297

评论 0

收藏 0
lsieun 发布于：2016-09-01
0

jQuery操作DOM text()、html()是相对粗犷的方法，直接读取或设置元素的内容；另外一些较为细致的操作是对某一个jQuery对象的增加、删除。后面讲到的替换节点、包裹节点用到的比较少。1、text(), html()（1）使用html()方法读取或者设置元素的innerHTML（2）使用text()方法读取或设置元素的innerText2、动态创建和添加、删除DOM节点2.1、创建DOM节点使用$(html

原创

阅读 259

评论 0

收藏 0
lsieun 发布于：2016-09-01
0

jQuery设置特殊属性 jQuery的属性使用attr()方法读取或设置元素的属性，对于jQuery没有封装的属性（所有浏览器没有差异的属性）用attr进行操作使用removeAttr删除属性。删除的属性在源代码中看不到，这是和清空属性的区别。attr('name','')示例：操作属性<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML

原创

阅读 210

评论 0

收藏 0
lsieun 发布于：2016-09-01
0

jQuery对象的each jQuery元素也可以调用each方法，只是对$.each的简化调用。return false;终止循环示例: 页面中有多个兴趣爱好，通过复选框设置，选中某个复选框，下面即可显示选中的个数及内容<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h

原创

阅读 135

评论 0

收藏 0
lsieun 发布于：2016-09-01
0

jQuery中提供的三个函数：map,each,trim jQuery中提供的三个函数: map,each,trim$.map(arry,callback(element,index));对于数组array中的每个元素，调用callback()函数，最终返回一个新的数组。原数组不变。源码 // arg is for internal usage only map: function(

转载

阅读 466

评论 0

收藏 0
lsieun 发布于：2016-09-01
0

jQuery操作样式 1、操作class样式的方法addClass 添加样式removeClass 移除样式toggleClass 切换样式的显示hasClass 判断是否应用了某样式示例代码：鼠标进入每个p标签的时候通过样式方式添加高亮显示<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional

转载

阅读 204

评论 0

收藏 0
lsieun 发布于：2016-09-01
0

jQuery的链式编程和隐式迭代 1、链式编程链式编程示例： .html('v').text('v');注意：$('div').html('设置值').val('设置值');这样可以，但是$('div').html().text();这样是不对的，因为获取值时返回的是获取的字符串，而不是对象本身，所以不能链式编程。“破坏链”的问题链式编程的时候一定要注意在什么时候“破坏”了链，当前对象的传递，如果传递被破坏，则继续链式编程会有意想

原创

阅读 248

评论 0

收藏 0
lsieun 发布于：2016-09-01
1

jQuery选择器选择器，用于选取页面上的元素对象。jQuery选择器完全继承了CSS选择器的方式。学会了CSS的选择器就会jQuery的选择器了。jQuery选择器是学习jQuery的基础 DOM如何获取页面中的元素对象？ document.getElementById('id'); document.getElementsByTagName('input'); document.getElementsBy

原创

阅读 236

评论 0

收藏 0
lsieun 发布于：2016-08-31
0

jQuery对象与DOM对象 1、jQuery对象、DOM对象两者之间的关系DOM对象，如果想调用jQuery的方法，必须先转换为jQuery对象DOM对象：文档树中的对象都是DOM对象jQuery对象：把DOM对象包装后就得到jQuery对象2、jQuery对象与DOM对象之间的转换2.1、如何获取DOM对象:jQuery->DOM$(spObj)[0].innerHTML$(spObj).get(0).innerHT

原创

阅读 256

评论 0

收藏 0
lsieun 发布于：2016-08-31
0

jQuery简介 1、什么是jQueryjQuery就是一个Javascript函数库，没什么特别的2、常见的Javascript框架库2.1、什么是Javascript框架库普通Javascript的缺点：每种控件的操作方式不统一，不同浏览器下有区别，要编写跨浏览器的程序非常麻烦。因此，出现了很多对Javascript的封装库。2.2、常见的Javascript框架库Prototype、YUI、Dojo、ExtJ

原创

阅读 197

评论 0

收藏 0
lsieun 发布于：2016-08-31
0

Javascript对于不同浏览器的兼容性企业问：说说开发项目的时候不同浏览器的不同点，你是怎么解决的？不同浏览器中对DOM支持的方法不一样获取网页中那个元素触发事件：在IE里面使用srcElement；在Firefox里面使用target阻止事件冒泡：在Chrome或IE中使用window.event.cancelBubble = true;；在firefox中使用e.stopPropagation();使用DOM获

原创

阅读 122

评论 0

收藏 0
lsieun 发布于：2016-08-31
0

Javascript中的form form对象是表单的DOM对象方法：submit()提交表单，但是不会触发onsubmit事件。在点击submit后form的onsubmit事件被触发，在onsubmit中可以进行数据校验，如果数据有问题，返回false即可取消提交。示例代码：提交按钮的click和表单的submit方法比较<!DOCTYPE HTML PUBLIC "-//W3C//DTD&

原创

阅读 286

评论 0

收藏 0
lsieun 发布于：2016-08-31
0

Javascript中的checked 示例代码：全选、全不选、反选<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> &nbs

转载

阅读 151

评论 0

收藏 0
lsieun 发布于：2016-08-31
0

Javascript设置特殊属性 1、设置和获取特殊属性 setAttribute("score",10);设定一些DOM元素属性名特殊的属性 getAttribute("score");获取设置属性的值2、示例示例：五角星评分系统静态分数<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&n

原创

阅读 161

评论 0

收藏 0
lsieun 发布于：2016-08-31
0

Javascript获取元素的坐标如何获得元素在页面中的坐标HTML所有的元素都具有下面这5个只读属性 offsetLeft 元素边框距页面左边界的距离 offsetTop 元素边框距页面上边界的距离 offsetWidth 元素的宽度（左右边框的跨度） offsetHeight 元素的高度（上下边框的跨度） offsetParent 返回已经定位的祖先元素，如果没有，则返回body或null。

原创

阅读 243

评论 0

收藏 0
lsieun 发布于：2016-08-31
0

Javascript操作样式 1、修改样式修改元素的样式是className属性class是Javascript的一个保留字，属性不能用关键字、保留字，所以就变成了className了。修改元素的样式this.style.backgroundColor="red";obj.style.cssFloat="right";注意（1）在css中的属性名在Javascript中操作的时候，属性名可能不一样，主要集中在那些属性名中含有-

原创

阅读 260

评论 0

收藏 0
lsieun 发布于：2016-08-31
0

Javascript中的innerText和InnerHTML (1)几乎所有DOM元素都有innerText和innerHTML属性（注意大小写），分别是元素标签内内容的文本表示形式和HTML源代码。(2)在firefox下，不支持innerText，可以用textContent属性。也可以用innerHTML设置普通文本。(3)用innerHTML也可以替代createElement，属于简单、粗放型、后果自负的创建(4)innerHTML所有浏览器都支持

原创

阅读 775

评论 0

收藏 0
lsieun 发布于：2016-08-31
0

Javascript操作DOM元素 1、动态创建DOM的步骤（1）调用document的createElement方法来创建具有指定标签的DOM对象（2）然后通过调用某个元素的appendChild();方法将新创建的元素添加到相应的元素下。2、操作DOM的方法 createElement('element');创建一个节点document.createElement('<input type="button"&nb

原创

阅读 184

评论 0

收藏 0

首页
上一页
1
2
3
下一页
末页
共48条记录

lsieun

分享到朋友圈

这个家伙比较懒，还没有个人介绍

关注技术：网络虚拟化 Citrix
入住博客：2014-07-28 5.6年

七日热门

最近来访

写文章