摘要: 1.定义和用法 css() 方法设置或返回被选元素的一个或多个样式属性。 示例: <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 修改CSS属性 $("div").css("backgrou 阅读全文
posted @ 2020-05-09 22:36 abner_pan 阅读(2509) 评论(0) 推荐(0) 编辑
摘要: 1.定义和用法: addClass(class):为所有匹配的元素添加指定的CSS类名 注意:使用addClass()方式添加CSS类时,并不会删除先有的CSS类。同时,在使用以上方法时,其class参数都可以设置多个类名,类名与类名之间用空格分开 示例: <body> <script type=" 阅读全文
posted @ 2020-05-09 22:18 abner_pan 阅读(1694) 评论(0) 推荐(0) 编辑
摘要: 1.包裹节点 wrap() :把匹配到的每一个元素用指定的HTML元素包裹起来 示例:把匹配到的每一个<p>标签用<div>包裹起来 <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 遍历 $ 阅读全文
posted @ 2020-05-09 21:55 abner_pan 阅读(591) 评论(0) 推荐(0) 编辑
摘要: 1.定义和用法 each() 方法为每个匹配元素规定要运行的函数。 提示:返回 false 可用于及早停止循环。 语法:$(selector).each(function(index){ }) 示例: <body> <script type="text/javascript"> //入口函数 $(d 阅读全文
posted @ 2020-05-09 21:32 abner_pan 阅读(387) 评论(0) 推荐(0) 编辑
摘要: 1.定义和用法 $("element")replaceAll(selector) :方法把被选元素替换为新的 HTML 元素。 示例: <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 替换 阅读全文
posted @ 2020-05-09 20:38 abner_pan 阅读(997) 评论(0) 推荐(0) 编辑
摘要: 1.定义和用法 clone() 方法生成被选元素的副本,包含子节点、文本和属性。 语法结构: $(selector).clone(true|false) 参数: true:规定需复制事件处理程序。 false:默认。规定不复制事件处理程序。 示例: <body> <script type="text 阅读全文
posted @ 2020-05-09 16:42 abner_pan 阅读(1944) 评论(0) 推荐(0) 编辑
摘要: 1.定义和用法 remove():用于从DOM中删除所有匹配的元素,传入的参数用于根据jQuery表达式来筛选元素。 注意:remove()方法删除某个节点之后,该节点所包含的所有后代节点将同时被删除。该方法的返回值时一个指向已被删除的节点的引用,以后也可以继续使用这些元素。 <body> <scr 阅读全文
posted @ 2020-05-09 16:13 abner_pan 阅读(3195) 评论(0) 推荐(0) 编辑
摘要: 1.定义和用法 after(content):在被选元素之后插入内容 示例: <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 创建文本节点 var $jsp = $("<h1>hello w 阅读全文
posted @ 2020-05-09 13:56 abner_pan 阅读(1987) 评论(0) 推荐(0) 编辑
摘要: 1.定义和用法 append(content):为所有匹配的元素的内部追加内容(在被选元素的结尾插入内容) 示例: <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 创建文本节点 var $j 阅读全文
posted @ 2020-05-09 13:41 abner_pan 阅读(3582) 评论(0) 推荐(0) 编辑
摘要: 1.创建节点 $("<element></element>") 示例: <body> <script type="text/javascript"> var $jsp = $("<div></div>") console.log($jsp) </script> </body> 输出: 2.文本节点 阅读全文
posted @ 2020-05-09 10:22 abner_pan 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 1.定义和用法 val(): 用于获取全部匹配元素的值 val(value):用于设置匹配元素的值 示例1:文本框设置“hello world” <body> <script type="text/javascript"> $(document).ready(function(){ $("input 阅读全文
posted @ 2020-05-09 10:06 abner_pan 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 1.定义和用法 html(): 用于获取第一个匹配元素的HTML内容 html(val): 用于设置全部匹配元素的HTML内容 注意:内容中包含HTML代码可以被浏览器解析 注意:html()和html(val)不能用于XML文档,但是可以用于XHTML文档 示例 <body> <script ty 阅读全文
posted @ 2020-05-09 09:32 abner_pan 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 1.定义和用法 text(): 用于获取全部匹配元素的文本内容 注意:也可以解析XML文档元素的文本内容 示例: <body> <script type="text/javascript"> $(document).ready(function(){ console.log($("div").tex 阅读全文
posted @ 2020-05-09 08:09 abner_pan 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 元素的内容是指i定义元素的起始标记和结束标记之间的内容,可以分为文本内容和HTML内容 文本内容:div元素的文本内容为“sunck is a good man!”,文本内容不包含元素的子元素,只包含元素的文本内容 HTML内容:div元素的HTML内容为“<p>sunck is a good ma 阅读全文
posted @ 2020-05-09 07:39 abner_pan 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 1.含有特殊符号的注意事项 含有“.”、"#"、"("或“]”等特殊符号: 根据W3C规定,属性值中是不能包含这些特殊字符的,但在实际项目应用中偶尔也会遇到这种表达式中含有"#"和“]”等特殊字符的情况。这是,如果按照普通方式区处理的话就会出现错误。解决错的方法是使用转义符号将其转义 示例:$("# 阅读全文
posted @ 2020-05-09 07:24 abner_pan 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 1.定义和用法 表单选择器是匹配经常在表单内出现的元素。但是匹配的元素不一定在表单中 [:input] 说明:匹配所有input元素 示例:$(":input") //匹配所有input元素 $("form :input") //匹配<form>标记中所有input元素,需要注意,在form和:之间 阅读全文
posted @ 2020-05-09 07:07 abner_pan 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 1.定义和用法 属性选择器就是通过元素的属性作为过滤条件进行筛选对象。 [attribute] 说明:匹配包含给定属性的元素 示例:$("div[name]") //匹配含有name属性的div元素 [attribute=value] 说明:匹配属性值为value的元素 示例:$("div[name 阅读全文
posted @ 2020-05-09 06:47 abner_pan 阅读(304) 评论(0) 推荐(0) 编辑