#JQUERY

jQuery之offset,position

获取/设置标签的位置数据*offset():相对页面左上角的坐标*position():相对于父元素左上角的坐标.需求:1.点击btn1打印div1相对于页面左上角的位置打印div2相对于页面左上角的位置打印div1相对于父元素左上角的位置打印div2相对于父元素左上角的位置2.点击btn2设置div2相对于页面的左上...
代码星球 ·2020-07-24

jQuery之css

设置css样式/读取css值css()1.得到第一个p标签的颜色2.设置所有p标签的文本颜色为red3.设置第2个p的字体颜色(#ff0011),背景(blue),宽(300px),高(30px)//1.得到第一个p标签的颜色console.log($("p:first").css("color"))//2.设置所有p...
代码星球 ·2020-07-24

jQuery之属性

1.操作任意属性attr()操作非布尔值的removeAttr()prop()操作布尔值的2.操作class属性addClass()添加class属性removeClass()移除class属性3.操作HTML代码/文本/值html()val()<divid="div1"class="box"title="one...
代码星球 ·2020-07-24

jQuery表单选择器

现有以下表单:<form>用户名:<inputtype="text"/><br>密码:<inputtype="password"/><br>爱好:<inputtype="checkbox"checked="checked"/>篮球<input...
代码星球 ·2020-07-24

jQuery之过滤选择器

在原有选择器匹配的元素中进一步进行过滤的选择器*基本*内容*可见性*属性需求1.选择第一个div2.选择最后一个class为box的元素3.选择所有class属性不为box的div4.选择第二个和第三个li元素5.选择内容为BBBBB的li6.选择隐藏的li7.选择有title属性的li元素8.选择所有属性title为...
代码星球 ·2020-07-24

jQuery之层次选择器

层次选择器:查找子元素,后代元素,兄弟元素的选择器1.ancestordescendant在给定的祖先元素下匹配所有的后代元素2.parent>child在给定的父元素下匹配所有的子元素3.prev+next匹配所有紧接在prev元素后的next元素4.prev~siblings匹配prev元素之后的所有sibl...
代码星球 ·2020-07-24

jQuery之基本选择器

1.是什么?-有特定格式的字符串2.作用-用来查找特定页面元素3.基本选择器-#id:id选择器-element:元素选择器-.class:属性选择器-*:任意标签-selector1,selector2,selectorN:取多个选择器的并集(组合选择器)-selector1selector2selectorN:取多...
代码星球 ·2020-07-24

jQuery对象

1.jQuery对象是一个包含所有匹配的任意多个dom元素的伪数组对象2.基本行为*size()/length:包含的DOM元素个数*[index]/get(index):得到对应位置的DOM元素*each():遍历包含的所有DOM元素*index():得到在所在兄弟元素中的下标<scriptsrc="../.....
代码星球 ·2020-07-24

jQuery核心函数

<!--1.作为一般函数调用:$(param)1).参数为函数:当DOM加载完成后,执行此回调函数2).参数为选择器字符串:查找所有匹配的标签,并将它们封装成jQuery对象3).参数为DOM对象:将dom对象封装成jQuery对象4).参数为html标签字符串(用得少):创建标签对象并封装成jQuery对象2....
代码星球 ·2020-07-24

jQuery的2把利器

<!--$是一个函数,首先是给window添加$,然后该值是一个函数,函数返回的值是对象。1.jQuery核心函数*简称:jQuery函数($/jQuery)*jQuery库向外直接暴露的就是$/jQuery*引入jQuery库后,直接使用$即可*当函数用:$(xxx)*当对象用:$.xxx()2.jQuery核...
代码星球 ·2020-07-24

初始jQuery

刚学完javascript,接着就学一下jQuery,接下来显示jQuery的学习历程,学完后再继续更新css3和less,希望可以坚持学习发博。1.了解jQuery*是什么:What?*一个JS函数库:writeless,domore*封装简化DOM操作(CRUD)/Ajax*为什么用它:why?*强大选择器:方便快...
代码星球 ·2020-07-24

jQuery源码dom ready分析

  一、前言  在平时开发web项目时,我们使用jquery框架时,可能经常这样来使用$(document).ready(fn),$(function(){}),这样使用的原因是在浏览器把DOM树渲染好之前,javascript是无法操作没渲染好的DOM节点。  其实除了$(document).ready(fn),$(...

jQuery的deferred对象详解(二)

  Deferred对象是由$.Deferred构造的,$.Deferred被实现为简单的工厂模式。  $.Deferred的实现创建三个$.Callbacks对象,分别表示成功done,失败fail,处理中process三种状态对应了三种处理结果,resolve、reject、notify创建了一个promise对象...
代码星球 ·2020-07-24

jQuery的deferred对象详解(一)

  最近一段时间,都在研究jquery里面的$.Deffered对象,几天都搞不明白,其中源码的运行机制,网上查找了相关的资料,《jQuery的deferred对象详解》阮一峰老师的文章,里面阐述deferred讲的非常清楚,也让我大彻大悟,为了以后能很好的查阅,现将阮老师的文字转载过来。  一、什么是deferred...
代码星球 ·2020-07-24

jquery ajax中事件的执行顺序

jquery中各个事件执行顺序如下:1.ajaxStart(全局事件)2.beforeSend3.ajaxSend(全局事件)4.success5.ajaxSuccess(全局事件)6.error7.ajaxError(全局事件)8.complete9.ajaxComplete(全局事件)10.ajaxStop(全局事...
首页上一页...6061626364...下一页尾页