首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

AjaxjQuery应用--jQuery基础知识点(5)

Ajax技术并不局限于Web动态页面,普通的静态HTML页面同样可以实现! 1....function GetSendData() { document.getElementById("divTip").innerHTML = "<img alt='' title='正在加载<em>中</em>....但如需对获取的数据进行处理,必须在先插入页面<em>中</em>,然后才能进行,执行效率较低。...Ajax<em>中</em>的全局事件 ajaxStart和ajaxStop这两个全局事件的使用频率非常高。...前者是当请求开始执行时触发,往往用于编写一些准备性的工作,如提示“正在获取数据...”字样;后者是当请求结束时触发,在这一事件<em>中</em>,常常与前者配合,说明请求的最后进展状态,如将显示<em>中</em>的“正在获取数据...

1.7K31
您找到你想要的搜索结果了吗?
是的
没有找到

data自定义属性jQuery的用法

(1)如果在HTML文档设置的data-自定义属性的单个字符串的名称的属性若有大写值,js文件获取时只能用小写的形式获取。...如: HTMLdata-Role,获取当时为$(node).data(“role”); (2)如果在HTML设置data-role和data-Role是一样的,html属性不区分大小写。...data-options=‘{“name” : “john”}’> <script src=“jquery...最后讲一下data()和attr()的区别: (1) 是否需要传参: data() 可以不传入参数,这使获得的是一个js对象,就算你html没有设置任何data自定义属性时,获得的也是一个对象。...(4)data-attribute属性会在页面初始化的时候放到jQuery对象,被缓存起来,而attr方法却不会。

2.9K20

jQuery:详解jQuery的事件(一)

一、jQuery的事件   1、加载DOM:   执行时机:常规的JavaScript,通常使用window.onload方法,而在jQuery,使用的是$(document).ready()方法...).ready()方法注册的事件处理程序,DOM完全就绪时就可以被调用,也即此时网页的所有元素对jQuery都是可以访问的,但是并不是这些元素关联的文件都已经下载完毕。   ...根据上述描述,显然使用jQuery的$(docum).ready()方法时会出现一个问题。由于该方法内注册的事件,只要DOM就绪就会被执行,因此可能此时元素的关联文件未下载晚。...要解决这个问题,可以使用jQuery的另一个关于页面加载的方法——load()方法。load()方法会在元素的onload事件绑定一个处理函数。...JavaScript代码如下: window.load = function(){ func1(); func2(); }   这种写法是可以解决一些问题的,但是如果有多个JavaScript文件,或者团队开发

1.6K20

jQuery:详解jQuery的事件(二)

上一篇讲到jQuery的事件,深入学习了加载DOM和事件绑定的相关知识,这篇主要深入讨论jQuery事件的合成事件、事件冒泡和事件移除等内容。   ...接上篇jQuery:详解jQuery的事件(一)   3、合成事件   jQuery有两个合成事件——hover()方法和toggle()方法,同ready()方法一样,这些都是jQuery自定义的方法...*这里要注意的一点是,jQuery的hover()方法准确来说是替代jQUery的bind("mouseenter")和bind("mouseleave"),而不是替代bind("mouseover"...停止事件冒泡:停止事件冒泡可以阻止事件其他对象的事件处理函数被执行。jQuery中提供了stopPropagation()方法来停止事件冒泡。...5、移除事件:绑定事件的过程,不仅可以为同一个元素绑定多个事件,也可以为多个元素绑定同一个事件。在此就不举例说明了。

2.2K30

vue项目中使用jqueryjquery插件

-- index-menu --> ---- vue项目中使用jqueryjquery插件 Vue之所以受欢迎,主要就在于它的轻量和灵活,我们可以用vue做SPA,也可以用它做多页应用,一个页面对应一个...而且因为他的轻量,低侵入性,所以我们可以很方便地和其他框架或者库搭配使用,那么我们怎么基于vue的SPA应用搭配jquery使用呢?...jQuery: "jquery" }) ], // 其他代码... } 上面的代码,alias配置项等同于seajs的alias配置,给一个路径起一个别名。...比如说配置的 @ 符号就指向到了我们的src目录,以后requre或者import时就可以通过这个别名指向我们需要访问的目录或者文件了。...引入jquery 插件 通过上面的配置,jquery就整合到我们的项目中了,不管什么位置都可以直接使用了,如果要使用jquery的插件,只需要在我们要使用的组件中加载对应的插件资源就可以了(当然,要加载的资源必须是

1.5K20

jQuery 和 Bootstrap WordPress 添加进度条

方法还是有挺多的,很多JavaScript的库都可以实现这个功能,但是因为WordPress里已经自动加载了jQuery了,所以就不想再引入其他库了,而且这个需求也很简单,用jQuery就足够了。...第一步 原作者一共写了15篇,这是定死了的, 只需要获取到我已经丘壑博客上翻译了几篇就可以了,除以总数15篇就得到了百分比。...发现有个插件可以很方便的获取到,就不用重复造轮子了 Display Posts – Easy lists, grids, navigation, and more, 很强大,可以用各种过滤条件动态查找文章并显示出来 页面上加上如下的...display-posts的查询很强大,支持各种条件 第二步 因为用display-posts显示出来的列表自带了一个css样式,所以可以很容易用jQuery选择器来获取到文章数量: ?...写CSS是我的弱项,所以我就选择了Bootstrap,完整版的太臃肿了,包含了太多不需要的东西,完整引入也有可能会把现有主题搞乱,所以 Bootstrap官网上定制化下载了一个最简版的,只包含alert

1.3K40

JQuery的动画

一、show()方法和hide()方法   这两种方法是jQuery动画的最基本方法。...四、自定义动画方法animate() 很多情况下,上面的三种方法无法满足用户的各种需求,那么久需要对元素有更多的控制,jQuery可以使用animate()方法来自定义动画;其语法结构: animate...八、其他动画方法      除了上面的提到的方法以外,jQuery还有4个专门用于交互的动画方法。...版本的jQuery库里会出现问题  总结: (1)一组元素上的动画效果     当在一个animate()方法应用多个属性时,动画时同时发生的。...另外,动画方法要考虑其他非动画方法会会插队,例如css()方法,要使非动画方法也按照顺序执行,需要把这些方法写在动画方法的回调函数或者queue()方法

2.6K30

JQuery选择器(

$("div + #test")能取到p段落节点 则不能取到 6.属性选择器...: 把属性选择器不放在css选择器里面是因为jQuery写法是不一样的.至于css写法可以参考我之前写的一篇css的选择器一文.jQuery是和xPath类似的写法: $("mix[@attr]"...:选取单前节点的父节点 @:选取属性,这个之前说过了(属性选择器) nodename:选取节点下的所有节点 jQuery的应用: 根节点是很少用到的,常用的如下面的例子: $("div/p")相当于...这个元素匹配元素集合的位置变为0,而集合长度变成1 gt(数字):将匹配的元素集合缩减为给定位置之后的所有元素 lt(数字):将匹配的元素集合缩减为给定位置之前的所有元素 上面三个的例子: $("div...这意味着,每次执行传递进来的函数时,函数的this关键字都指向一个不同的元素(每次都是一个不同的匹配元素).而且,每次执行函数时,都会给函数传递一个表示作为执行环境的元素匹配的元素集合中所处位置的数字值作为参数

2K90
领券