菜单

jQuery基础知识小结_jquery_脚本之家澳门太阳集团

2020年2月27日 - 首页

1、基础

jquery对象集:$():jquery对象集结

得到jquery对象聚集的因素:

动用索引获取包装器中的javascript成分:var temp = $[0]

利用jquery的get方法得到jquery对象聚集的javascript成分:var temp = $

行使jquery的eq方法获得jquery对象聚集的jquery对象成分:$$$

jquery对象集转变来javascript数组:var arr =
$.toArray(卡塔尔国label前面全部同级button成分,转变到javascript数组

jquery对象集的目录:var n = $.index注意:index(State of Qatar参数是javascript元素var
n = $.index 等同于上一行 找不到重返-1var n = $img在同级成分中的索引

向jquery对象聚焦增加更加的多的jquery对象集:使用逗号:$(‘img[alt],img[title]’)使用add方法:$.add

jQuery基础知识小结_jquery_脚本之家澳门太阳集团。对两样的jquery对象集中使用不一致的章程:$.addClass.add.addClass;

向jquery对象聚焦增加新创立的成分:$.add;

删去jquery对象聚焦的成分:$.not${return
!$.hasClass过滤jquery对象集:$.filter{return
this.innerHTML.match过滤包涵数字的td

收获jquery对象集的子集$包括前4个因素的新的jquery对象集$富含前4个要素的新的jquery对象集$.has

调换jquery对象聚集的成分var allIds = ${return ? null :
this.id;}卡塔尔(قطر‎.get(卡塔尔(قطر‎;通过get方法转换来javascript数组

遍历jquery对象聚集的因素$.each{this.alt =
‘那是第[‘+n+’]张图片,图片的id是’ + this.id;})$.each{alert

利用要素间涉及获取jquery对象集$比方触发的按键在哪些div中产生$.siblings(‘button[title=”Close”]’State of Qatar全体同级元素,不含有作者$.children全部子节点元素,不分包重复子节点$周边祖先成分$由成分内容结合的jquery对象集,比方能够获取成分内容$.next下三个同级成分$前面全数的同级成分$.nextUntil后边全部的同级成分直到遭受目的成分$离jquery对象集近来的父辈成分$直接父成分$全体父元素$全数父成分,直到目的父成分$上二个同级元素$在此之前的装有同级成分$在此之前的装有同级成分,直到指标元素

别的获取jquery对象集的方式$

认清是还是不是是有些jquery对象集var hasImg = $;

jquery方法:$.addClass.size(卡塔尔成分数量

jquery选取器:$$$直接子成分$依照属性选用$过滤

jquery函数:$.trim()

jquery推行时间:$.ready;$;

创建DOM元素:$.insertAfter();$(”,{src: ”,alt: ”,title: ”,click:
function.css({cursor:’pointer’,border:”,padding:”,backgroundColor:’white’}).append;jquery扩展:$.fn.disable
= function(){return this.each{ if(this.disabled != null) this.disabled =
true;})};$;

jquery测量试验元素是还是不是留存:if{}else{} 宽松测验if
推荐测验,能把null和undefined不一样开

2、采纳要操作的要素

依据标签字:$依据类名:$知足多个规范:$ 或
$有个别成分的全部子节点:$某些成分的直接子节点:$

依赖属性名:$ 以…开首$以…结尾$包罗method属性的form$$$富含

某成分后的首先个因素:$相配的是F,F是E前边的率先个要素

某元素后的某三个要素:$相配的是F,F是E后边的某一个成分

由此岗位:$第多个li$最终四个li$偶数行li$奇数行li$第n个成分,索引从0开头$第n个因素之后的因素,索引从0起头$第n个要素以前的要素,索引从0开头$列表中的第多个li$列表中的最终一个li$列表中的第n个li$未有兄弟li的ul$列表中的偶数行li,odd为计数行li$列表中被5除余1的li

透过过滤器:$
$(‘:not$(‘img:not$$(‘tr:has$处于动漫状态的tr$包含type类型为button,reset,submit的Input$等同于$$包括文字food的span$禁止使用$启用$等同于$$h1到h6$$等同于$$包蕴input,
select, textarea,
button成分$$等同于$$等同于$$等同于$或$$$等同于$或$$等同于$$

3、处理DOM元素

${this.id = this.tagName + n;})

$.attr(‘title’, function{return previousValue + ‘ I am element ‘ + index

$.removeAttr;让具有链接都在新窗口中打开:$.attr;

幸免表单数次付给:$.submit{$.attr(“disabled”,”disabled”State of Qatar;}卡塔尔(قطر‎

剔除类名:$.removeClass

切换类名:$.toggleClass存在就删除类名,空中楼阁就增加类名

决断是不是含有类名:$.hasClass.is

以数组方式重返类名列表:$.fn.getClassNames = function(卡塔尔国{var name =
this.attr;if{return name.split;}else{return [];}}

安装样式:$.css(function{return currentWidth + 20;}State of Qatar;$.css({cursor:
‘pointer’,border: ‘1px solid black’,padding: ’12px 12px 20px
20x’,bacgroundColor: ‘惠特e’}卡塔尔;

关于尺寸:$ $$$$.outerHeight.outerWidth

关于定位:$相对于文档的参照地点$偏移父成分的争执地方$水平滚动条的偏移值$.scrollLeft.scrollTop.scrollTop

有关因素内容:$.html$

充实内容在要素末尾追加一段html:$.append;在要素末尾dom中幸存的元素:$.append在要素开端追加:$在要素的后面追加:$在要素的前面扩展:$把内容充实到最后:appendTo把内容增到开始:prependTo把内容充实到成分前边:insertBefore把内容增至成分前边:$.insertAfter;

打包成分:$.wrap(“

“)$.wrap$.wrapAll.wrapInner.unWrap()

剔除成分:$.remove(卡塔尔国删除成分,绑定到成分上的事件和数码也会被剔除$.detach(卡塔尔删除成分,但保留事件和数据$不删除成分,但清空成分内容

复制作而成分:$.appendTo$.insertBefore

轮番元素:$.each.replaceWith.attr;}卡塔尔国$.replaceAll

有关表单成分的值:$(‘[name=”radioGroup”]:checked’State of Qatar.val(State of Qatar获取单选按键的值,若无入选一个,再次来到undefinedvar
checkboxValues = $(‘[name=”checkboxGroup”]:checked’卡塔尔.map{return
$.toArray(卡塔尔国; 获取多选框的值

对于使用$重临值的数组$.val([‘one’,’two’,’three’]卡塔尔假如单选框或复选框与数组中的成分相称,则当选状态

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图