Jquery常用功能笔记

//Jquery的事件需要定义在dom加载完成之后函数中
$(function(){
    $("此处填写ID，类，标签名称等，也可以是层级的").click(){
        $(this).removeClass("要移除的class");
        $(this).addClass("要增加的class");
        $(this).attr("需要设置的属性","需要设置属性的值");
        如：$(this).attr("class","testClass");//设置class属性   注：设置class属性与增加是不同的
            $(this).attr("style","testStyle");//设置style属性
        $(this).css("样式的属性","属性值");//即设置style中的属性
        如：$(this).css("color","red");
        $(this).css("color");//获取样式属性的值
        
        $(this).parent();//获取唯一祖先元素，可加参数。
        $(this).parents();//获取所有祖先元素集合，可加参数进行筛选。
        $(this).find();//获取所有后代元素集合，可加参数进行筛选。
    }
})

//获取与设置内容与值
$("此处是选择器类型").val();//获取或设置选择对象的value值。
$("此处是选择器类型").html();//获取或设置选择对象的内容（包含html标记）
$("此处是选择器类型").text();//获取或设置选择对象的文本内容（不包含html标记）

$("此处是选择器类型").append();//在选择对象结尾插入内容（子元素）        <p>内容$</p>
$("此处是选择器类型").prepend();//在选择对象开头插入内容（子元素）    <p>$内容</p>
$("此处是选择器类型").after();//在选择对象之后插入内容（兄弟元素）        <p>内容</p>$

$("此处是选择器类型").before();//在选择对象之前插入内容（兄弟元素）        $<p>内容</p>

$("$<p>").wrap("$<div>");//包裹参数      <p><div></div></p>           对应还有wrapAll  两者区别是 wrap 一个一个包裹每个元素，wrapAll将所有元素进行一次包裹。

$("$<p>").wrapInner("$<div>");//使用参数包裹自身  <div><p></p></div>