复习jquery 笔记 版本1.2.1,jquery in action 总结细节

本文详细总结了jQuery中的包装集概念,包括如何通过$(“xxx”)获取包装集,以及包装集的方法如.size(), .get(), .not(), .filter()等。还讨论了选择器的使用,如:nth-child(),以及各种DOM操作方法,如.append(), .prepend(), .before(), .after()等。此外,提到了jQuery中属性和特性的处理,以及版本差异对元素移动行为的影响。" 129641366,12726580,算法技巧:处理不确定数量的多组变量输入,"['C语言', '编程技巧', '数据输入']

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

不编号,随手记。
$(function(){});

chapter2 包装集 wrapper

$(“xxx”)得到的是包装集, 类似数组但没有数组方法,.size()等于数组的length,可用.get()转为数组。要引用其中元素需要用到[0]。也可以用包装集.index(元素)的方法来取得该元素在包装集中的顺序下标。

()里面都要加引号,不能是直接的element tag。
nth-child是以1开始计数的,其余都是以0开始计数的,不管是包装集还是slice还是别的什么方法。

.add( )

.not()和.filter( )类似,都可传入筛选选择器(就是以[或者:开头的,比如not(“[alt]”))
区别在于,.not()还可以传入元素并删除,而filter可以传函数,return this….,并删除return false的包装集元素。
.not也能传函数了。
As of jQuery 1.4, the .not() method can take a function as its argument in the same way that .filter() does. Elements for which the function returns true are excluded from the filtered set; all other elements are included.

.contains()已经被移除,用:contains选择器来find text 与之match的元素

以下方法不改变原始包装集:
.slice(start, end)
且,以下接受选择器expression, 而且是任意的选择器expression
.children() 直接子元素,不是后代
.contents()
Get the children of each element in the set of matched elements, including text and comment nodes.
.parents()& .parent()
.prev()&.prevAll() 需要是兄弟元素
.siblings()

.find()找的是子元素

.end()回退上一个包装集
.andSelf()合并当前与上一个包装集

chapter3 特性与属性
没讲清楚,我的理解是html tag里的是特性,而解释为dom元素后为属性。
.each(function(index){this.alt=”….”})
函数,参数为包装集元素下标,当前元素用this来表示。

注意attr里没有className 只有class

attr 和 css 都可以传多个参数来set 但不能传多个参数来get ,以对象的方式{ 键值对,键值对},中间用,隔开。
attr 用来搞自己传的data-xx属性 而css传css, prop传固有和动态属性

appendTo 和 append 当移动的是本身html中的元素时,是直接移动而不是复制过去,无论多少个。这个跟版本有关,3.x的版本是移动。1.x跟目标元素(被append 的锚元素)的数量有关。

append/prepend (To),目标元素与动的元素都是父子关系;
before,after、insertBefore/After 都是兄弟关系。
注意大小写。

var command = $('input[name=command]:checked').val();
        var insertcmd = 'insert' + command[0].toUpperCase() + command.slice(1)

可以用’xx-xx’也可以用camel写属性

只有add方法,没有jquery(”,”)的方法来同时选中两个符合标准的操作集

$(‘a’,’b’)其实是在’b’中find’a’ 包装集是包装集 是不同的 元素是一样的

var hh= ($('section').find('input')[0]===$('input','section'))[0] //true
var ff= ($('section').find('input')===$('input','section'))//false

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值