0621jQuery基础:基础属性

入口函数=====================================================================================
一、$(document).ready(function(){});
二、简写为:$(function(){})
属性操作=====================================================================================
一、捕获属性
    attr();用于获取属性值
二、设置属性
    1、attr("属性名","属性值");、
    2、attr({"属性名":"属性值","属性名":"属性值"});
    3、添加新属性的同时,通过回调函数,拿到旧的属性和当前元素的下标
三、删除属性
    removeAttr():从所有匹配的元素中移除指定的属性
内容操作=====================================================================================
一、捕获内容
    1、text():设置或返回所选元素的文本内容
    2、html():设置或返回所选元素的内容(包括 HTML 标记)
    3、val():设置或返回表单字段的值
二、设置内容
    1、text("新内容"):设置所选元素的文本内容
    2、html("新内容"):设置所选元素的内容(包括 HTML 标记)
    3、val("新内容"):设置表单字段的值
    4、添加新内容的同时,通过回调函数,拿到旧的内容和当前元素的下标
元素操作======================================================================================
一、添加元素
    1、append():在被选元素的结尾插入内容
    2、prepend():在被选元素的开头插入内容
    3、after():在被选元素之后插入内容
    4、before():在被选元素之前插入内容
二、删除元素
    1、remove():删除被选元素(及其子元素)
    2、empty():从被选元素中删除其子元素
class类操作=====================================================================================
一、addClass();向匹配的元素添加指定的类名
二、removeclass();从所有匹配的元素中删除全部或者指定的类
三、toggleclass();从匹配的元素中添加或删除一个类
四、hasclass();检查匹配的元素是否拥有指定的类
尺寸=========================================================================================
一、height():设置或返回元素的高度(不包括内边距、边框或外边距)
二、width():设置或返回元素的宽度(不包括内边距、边框或外边距)
css操作:设置样式=================================================================================
一、单个样式
    css("样式名","样式内容");
二、多个样式
    css({"样式一":"样式一内容","样式二":"样式二内容"});

猜你喜欢

转载自www.cnblogs.com/zhangbaozhong/p/9212699.html