jquery选择器和基本操作

一、选择器

    1.基本选择器

    $("#id")选择指定id的元素,

    $(".class")选择所有该class的元素,

    $("input")选择所有该名称的元素,

    $("*")选择所有的元素,

    2.层次选择器

    $("ancestor descendant")选择元素里面的后代元素,

    $("parent child")元素里面的直接子代,

    $("pre next")元素的后面的第一个元素,

    $("pre ~ siblings")元素后面的所有元素

    3.过滤选择器

     基本过滤选择器$("div:first")选择div中的第一个

     内容过滤选择器$("div:contains("hello world")")选择含有hello world的div元素

     可见性过滤选择器$(":hidden")选择不可见的元素,$(":visible")选取可见的元素

     属性过滤选择器$("div[id]")选取含有id属性的div标签,$("div[id=test]")选取id属性等于test的div标签

     子元素过滤选择器$("div.one :nth-child(2)")选取所有class为one的<div>下的第2个子元素

    4.表单选择器

    $(":input")返回集合元素,

二、Dom操作

    1.查找节点

    2.创建节点 //$("ul").prepend($li_1);

    3.插入节点 // $("ul li:eq(0)").insertAfter($li_3);

    4.删除节点 //$("ul li").remove("li[title=苹果]");

    5.复制节点 // $(this).clone(true).appendTo($("ul"));复制点击的节点加到ul标签中,clone的参数为true时表示复制产生的节点可以进行复制操作

    6.替换节点 //$("p").replaceWith($("<strong>你不是个好人!</strong>"));将p标签替换掉

    7.包裹节点 //$("p").wrap("<b></b>")//用<b>把p分别包裹起来,$("#c").wrapInner("<b></b>")//将内容包裹起来

    8.属性操作 //$("p").attr("title")//获取属性,$("p").attr("title","bbb")//设置属性,$("p").removeAttr("title")//删除属性

    9.样式操作 //$("p").addClass("another")//追加样式,$("p").removeClass()//删除样式,$("p").toggleClass("another")//切换样式,$("p").hasClass("another")//判断样式是否存在

    10.设置和获取HTML、文本的值 //html()方法:类似 innerHTML;text()方法:类似 innerText;val()方法:类似于 value

    11.遍历节点

    12.CSS-DOM操作

©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值