第九节课-jquery学习补充

本文介绍了jQuery的基础知识点,包括位置选择器、筛选方法、DOM操作及元素转换等实用技巧,并通过实例展示了如何使用filter过滤元素和wrap包裹元素。

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

这节课讲的是jquery的基本知识点,可以通过API详细过一边。
这边提供一些老师上课有收获的东西。

  • 位置选择器
    $("p:eq(0)")
  • 筛选
    $("p").eq(0)
二者的关系注意到了没有,一个是在括号里面,一个在括号外面,这是要注意。之前学习的时候没有注意到这些。
  • nth-child
    是从1开始的

  • eq()
    是从0开始的

  • Dom对象
    $(this).get(0) 与 $(this)[0]等价

  • get([index])

    . [index]Number取得第 index 个位置上的元素
    
     2. get()取得所有匹配的 DOM 元素集合。
    
  • map
    将一组元素转换成其他数组(不论是否是元素数组)
    你可以用这个函数来建立一个列表,不论是值、属性还是CSS样式,或者其他特别形式。这都可以用'$.map()'来方便的建立。
    $("p").map(function(index){
    var content =$(this).text();
    }).get().join("|"); //

  • wrap
    把所有匹配的元素用其他元素的结构化标记包裹起来。

把所有的段落用一个新创建的div包裹起来

jQuery 代码:
$("p").wrap("<div class='wrap'></div>");

  • filter
    $("p").filter(function (){
    var content=$(this).text();//这里的this指的是“p”
    if(content.length <=4 &&content.indexOf("a")!=-1)
    return true;
    else
    return false;
    }).css("color","red");
疑问?这个true和false的神秘功能,为什么页面知道返回true和false他们的具体意思呢?

我猜true就代表肯定的意思。告诉浏览器,这个东西我要了。请保留下来。
false就是不要的意思。请去除掉。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值