注册 / 登录

清河洛

您现在的位置是:首页>网站前端>JS学习

JS学习

  • data-*数据的获取和设置

    在jquery中,使用data()方法可以方便的获取和设置data-*属性。.data( key, value ) :设置一个已存在的data-key属性或添加一个新的data-key属性。.data( key ) :获取指定的data-key属性的值.data( obj ) :使用带有名称/值对的对象向被选元素添加数据,可以一次添加多个data-*属性。.data() :不带参数将以 JavaScript 对象的形式获取所有数据.removeData(key) : 移除指定的data-key属性.removeData() :如果没有定义key,将从被选元素中删除所有已存储的数据。<div data-my=''{"name":"xia"}'' data-age="28">test</div>如果数据(data)属性是一个对象(以“{”开始)或数组(以''[‘开始),可以用jQuery.parseJSON 将其解析成字符串

    发布时间:2017-02-22 11:46:17
  • jQuery中的字符串,数组,对象,URL操作

    一.字符串操作在jQuery 中,字符串的工具函数只有一个,就是去除字符串左右空格的工具函数:$.trim()。var str = '' jQuery '';alert($.trim(str)); //$.trim()去掉字符串两边空格  二.数组和对象操作jQuery 为处理数组和对象提供了一些工具函数, 这些函数可以便利的给数组或对象进行遍历、筛选、搜索等操作。$.each()遍历数组:$.each(arr,function (index, value) {$(''#box'').html()+index + ''.'' + value + ''<br />'');});$.each()遍历对象:$.each(obj, function (name, fn) {name + ''.'' + ''<br /><br />'');})$.grep()数据筛选

    发布时间:2016-12-16 22:43:00
  • jQuery中Ajax的JSONP和jqXHR对象

    JSON 和JSONP:如果在同一个域下,$.ajax()方法只要设置 dataType属性即可加载 JSON 文件。而在非同域下,可以使用 JSONP,但也是有条件的。$.ajax({ //$.ajax()加载 JSON 文件url : ''test.json'',success : function (response, status, xhr) {alert(response[0].url);}});如果想跨域操作文件的话,我们就必须使用JSONP。JSONP(JSON with Padding)是一个非官方的协议,它允许在服务器端集成 Script tags 返回至客户端,通过 javascript callback的形式实现跨域访问(这仅仅是JSONP 简单的实现形式) 。$.getJSON()方法跨域获取 JSON$.getJSON(''http://www.li.cc/test.php?callback=?'', function(response){con

    发布时间:2016-12-16 22:42:35
  • jQuery中Ajax的局部方法

    一.加载请求在Ajax 异步发送请求时,遇到网速较慢的情况,就会出现请求时间较长的问题。如果在请求期间能给用户一些提示,比如:正在努力加载中...,那么相同的请求时间会让用户体验更加的好一些。jQuery 提供了两个全局事件,.ajaxStart()和.ajaxStop()。这两个全局事件,只要用户触发了Ajax,请求开始时(未完成其他请求)激活.ajaxStart(),请求结束时(所有请求都结束了)激活.ajaxStop()。这两个方法都必须绑定在document元素上。$(document).ajaxStart(function () {$(''.loading'').show();//触发ajax后.loading元素将隐藏}).ajaxStop(function () {$(''.loading'').hide();//ajax结束后.loading元素将显示});$.ajax({timeout : 500});//如果请求时间太长,可以设置超时$.ajax({g

    发布时间:2016-12-16 22:42:10
  • jQuery中Ajax的全局方法和表单序列化

    .load()方法是局部方法,因为他需要一个包含元素的jQuery 对象作为前缀。而$.get()和$.post()是全局方法,无须指定某个元素。对于用途而言,.load()适合做静态文件的异步获取,而对于需要传递参数到服务器页面的,$.get()和$.post()更加合适。$.get()方法有四个参数,前面三个参数和.load()一样,多了一个第四参数type,即服务器返回的内容格式:包括xml、html、script、json、jsonp和 text。第一个参数为必选参数,后面三个为可选参数。$(''input'').click(function () {$.get(''test.php'', {url : ''111''}, function (response, status, xhr) {if (status == ''success'') {$(''#box'').html(response);}})});第三个参数可以是对象,也可以是

    发布时间:2016-12-16 22:41:42
  • jQuery中Ajax的局部方法load()

    jQuery 对Ajax 做了大量的封装,我们使用起来也较为方便,不需要去考虑浏览器兼容性。对于封装的方式,jQuery 采用了三层封装:最底层的封装方法为:$.ajax(),而通过这层封装了第二层有三种方法:.load()、$.get()和$.post(),最高层是$.getScript()和$.getJSON()方法。其中.load()是局部方法,其他为全局方法.load()方法可以参数三个参数: url(必须, 请求 html文件的 url地址, 参数类型为String)、data(可选,发送的 key/value 数据,参数类型为Object)、callback(可选,成功或失败的回调函数,参数类型为函数 Function)。<input type="button" value="异步获取数据" /><div></div>$(''input'').click(function () {$(

    发布时间:2016-12-16 22:40:40
  • jQuery中动画的方法和属性

    动画相关方法很多时候需要停止正在运行中的动画,jQuery 为此提供了一个.stop()方法。它有两个可选参数:.stop(clearQueue, gotoEnd);clearQueue传递一个布尔值,代表是否清空未执行完的动画列队,gotoEnd 代表是否直接将正在执行的动画跳转到末状态。$(''.stop'').click(function (){$(''#box'').stop();});//强制停止运行中的动画$(''.animate'').click(function () { //带参数的强制运行$(''#box'').animate({''width'' : ''300px''}, 1000);$(''#box'').animate({''height'' : ''300px''}, 1000);});$(''.stop'').click(function () {$(''#box'')

    发布时间:2016-12-16 22:40:19
  • jQery中自定义动画和实现队列动画的方法

    jQuery 提供了几种简单常用的固定动画为我们使用。但有些时候,这些简单动画无法满足我们更加复杂的需求。这个时候,jQuery 提供了一个.animate()方法来创建自定义动画,满足更多复杂多变的要求。$(''.animate'').click(function (){$(''#box'').animate({''width'':''300px'',''height'':''200px'',''fontSize'':''50px'',''opacity'':0.5});});//键名可以省略单引号或双引号animate()必传的参数只有一个,就是CSS 变化样式的一个或多个键值对的对象。还有两个可选参数分别为速度和回调函数。$(''.animate'').click(function (){$(''#box'').animate({''width'':''300px'',''h

    发布时间:2016-12-16 22:39:47
  • jQuery中显示隐藏,收缩展开和淡入淡出

    一.显示、隐藏jQuery 中显示方法为:.show(),隐藏方法为:.hide()。在无参数的时候,只是硬性的显示内容和隐藏内容。$(''.show'').click(function () {$(''#box'').show();});//显示$(''.hide'').click(function () {$(''#box'').hide();});//隐藏.hide()方法其实就是在行内设置CSS 代码:display:none; 而.show()方法要根据原来元素是区块还是内联来决定,如果是区块,则设置CSS 代码:display:block; 如果是内联,则设置CSS 代码:display:inline;。在.show()和.hide()方法可以传递一个参数,这个参数以毫秒(1000毫秒等于 1 秒钟)来控制速度。并且里面富含了匀速变大变小,以及透明度变换。$(''.show'').click(function () {$(''#bo

    发布时间:2016-12-16 22:39:24
  • jQuery中on、off和one

    jQuery绑定事件和解绑的方法有三组共六个(绑定事件bind()和unbind(),事件委托.live()和.die()还有delegate()和undelegate())。由于这三组的共存可能会造成一定的混乱,为此 jQuery1.7以后推出了.on()和.off()方法彻底摒弃前面三组。用on()替代bind()方式:$(''.button'').on(''mouseover mouseout'',function(){});//替代.bind()方式,并绑定一个或多个事件$(''form'').on(''submit'', function () {return false;}); //替代.bind()方式,阻止默认行为并取消冒泡$(''form'').on(''submit'', false); //替代.bind()方式,阻止默认行为并取消冒泡的简写用off()替代unbind()方式,移除事件$(''.button

    发布时间:2016-12-16 22:38:55
首页 上一页 下一页 尾页
共22条 当前1/3页


网址导航