首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript类库---JQuery(一)

    1、基础: Jquery类库定义了一个全局函数:JQuery(); 别名$.是JQuery在全局命名空间中定义的唯一两个变量。...返回一个新创建的JQuery对象; 另:JQuery中定义的许多方法返回值都是JQuery对象(方法的调用者);JQuery中函数:.each() JQuery中方法:**.each()没有符号; JQuery...第二个参数是可选的,值为一个元素或JQuery对象;这时返回的是特定元素的子元素中匹配到的元素集; 参数是Element、Document或Window对象,返回这些对象封装成的JQuery对象; 参数是...2、可以使用object对象,该对象的属性名是Jquery关键字时,可用于传入属性值; 参数为一个函数:文档加载完毕时调用;相当于onLoad()函数;形如$(function(){})或JQuery(...{if($(this).is(':hidden')) return;}); 参数是一个选择器,匹配到就返回true; 2、JQuery中的属性操作: JQuery使用同一个方法来获取和设置属性,区别是参数的不同

    4.2K30

    使用jQuery筛选排除元素以修改指定标签的属性

    1、eq()    筛选指定索引号的元素 2、first()  筛选出第一个匹配的元素 3、last()   筛选出最后一个匹配的元素 4、hasClass()  检查匹配的元素是否含有指定的类...5、filter()  筛选出与指定表达式匹配的元素集合 6、is()    检查元素是否参数里能匹配上的 7、map() 8、has()  筛选出包含指定子元素的元素 9、not()  排除能够被参数中匹配的元素...筛选获取指定元素的资源 12、closest()   从当前元素开始,返回最先匹配到的符合条件的父元素 13、find()    从指定元素中查找子元素 14、next()     获取指定元素的下一个兄弟元素...注意参数条件本身不会被匹配 24、siblings()   获取指定元素的兄弟元素,不分前后 25、add()    将选中的元素添加到jQuery对象集合中 26、andSelf()  将自身加到选中的...jQuery集合中,以方便一次性操作 27、end()     将改变当前选择器选中的操作回退为上一个状态。

    1.4K20

    JavaScript类库---JQuery(二)

    接上: 6、Ajax:    一个基础底层函数:jQuery.ajax();  //高级工具函数都会调用此函数;    一个高级工具方法:load() ;    四个高级工具函数:jQuery.getScript...()、jQuery.getJSON()、$.get() 、 $.post(); load():是一个方法,向它传入一个URL,它会异步加载该URL的内容,然后将内容插入到选中的元素中,去替换已存在的内容...;形如:$("#status").load('status.html'); 如果只想显示被加载文档的一部分,可以在URL后面加一个空格和一个jQuery选择器。...、parsererror)、加载url的XMLHttpRequest对象; $.getScript():加载js代码文件;第一个参数是js文件的url(可跨域),可选的第二个参数是回调函数,形如:jQuery.getScript...所以必须传入回调函数作为参数,否则没有意义; jQuery.get()与jQuery.post()方法通常都由下面的这个函数实现: $.ajax():  jQuery的所有Ajax工具都会调用此函数,其仅接收一个参数

    1.3K10

    一个小时学会jQuery

    选择器 描述 返回 示例 #id 根据给定的id匹配一个元素 单个元素 $("#test")选取id为test的元素 .class 根据给定的类名匹配元素 集合元素 $(".test")选取所有class...在网页当中,使用class属性引用样式表中的类样式,因为类样式的可重用,所以多个元素可以引用同一个样式。...在jQuery中,可以获取同一类名的多个HTML元素,编写方式同CSS,即在类名的前面加上点号。...语法:$(".className") 本例通过类名来获取元素,因为使用同一个类样式的元素可能有多个,所以通过类名来获取元素返回的将是一个数组对象,即jQuery中的包装集,然后对此包装集中的元素进行相关操作...对象,类似索引 $('li').first() //第一个节点 $('li').last() //最后一个节点 $(this).hasClass("node") //节点是否含有某个特定的类,返回布尔值

    18.6K71

    如何编写一个 jQuery 插件

    重写了本文的初步功能实现,支持一个页面多个画图板。但为简单起见,本文保持不变。 ? 正文 简单的说一个 jQuery 插件只是我们拿来扩展 jQuery prototype 对象的一个方法。...通过扩展 prototype 对象,我们可以让所有的 jQuery 对象继承我们添加的方法。 下面我们以一个画图板插件为目标,完成后它将能够把一个 div 标记扩展成最基本的画图板。 ?...jQuery的一个特色就是允许链式调用,它使你可以对一个选择器选中的元素连着执行许多操作。 这个特性的实现方式是让所有的 jQuery 方法都返回一开始的 jQuery 对象。...为了能够和其它的诸多插件友好相处,并且能够继续使用方便的$,我们需要把所有代码扔进一个“立即执行函数的表达式”里,传入jQuery作为实参,形参处命名为$: // file: jquery.sketchpad.js...)); 使用each()方法 一个典型的 jQuery 对象会包含任意数量元素的引用,这也就是为什么 jQuery 对象经常是以集合的形式返回的。

    73040

    如何编写一个jQuery插件

    开始 要编写一个 jQuery 插件,需要为 jQuery.fn 对象增加一个新的函数属性,属性名就是插件的名字 jQuery.fn.myPlugin = function() { // 插件的具体内容放在这里...在插件函数的立即作用域中,关键字 this 指向调用插件的 jQuery 对象。这是个经常出错的地方,因为有些情况下 jQuery 接受一个回调函数,此时 this 指向原生的 DOM 元素。...); $('#element').myPlugin(); 基础 现在理解了 jQuery 插件的上下文以后, 我们来写一个真正能做点儿事儿的插件。...下面是本文档的简要总结以及你开发下一个 jQuery 插件时的注意事项: 总是把插件包装在闭包中 { /* plugin goes here */ })( jQuery ); 不在插件函数的立即作用域中额外包装...不要传给插件大量参数,应该传一个可以覆盖插件默认选项的设置对象。 在单个插件中,不要让一个以上的名称空间搞乱了 jQuery.fn 对象。 总是为方法、事件和数据定义名称空间。

    80830

    手写一个简单的JQuery

    /事实证明通过如下方式不管传入的是id选择器还是class选择器都是可行的 document.querySelectorAll(selector) 获取DOM中的第几个元素 // 因为我们获取到的是一个...数组,那么当然可以通过下标获取(注意不要越界) document.querySelectorAll(selector)[0] 给元素添加class // 添加完毕以后查看DOM结构的class中就多了一个...world document.querySelectorAll(".hello").forEach(d=>{ d.classList.add("world") }) 添加css属性 // 我们希望给每一个元素添加上宽...改良之后 jQuery初体验 通过上述的一顿操作可以实现链式调用,越来越像那么回事了。...我们希望将更多的细节封装在对象的内部 从使用上来看,越来越有jQuery的感觉了 换成es6语法进行简单的封装以后,发现依然可以实现,而且结构越来越清晰了呢,另外对于html、text等方法没有实现

    52120
    领券