-
删除元素 empty()是清空元素中的内容,被选元素标签仍然存在【empty() 没有参数】 remove()是清空所有的包括被选元素标签 可以通过添加过滤参数指定需要删除的某些元素 $(".green").empty(); //empty() 没有参数 $("span").remove(".red");查看全部
-
使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,它的调用格式为: $(selector).each(function(index)) 参数function为遍历时的回调函数,index为遍历元素的序列号,它从0开始。查看全部
-
wrap()和wrapInner()方法都可以进行元素的包裹. 但wrap()用于包裹元素本身,wrapInner()则用于包裹元素中的内容,它们的调用格式分别为: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素,wrapper参数为包裹元素的格式。查看全部
-
替换内容 $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。 $(".green").replaceWith($html); $($html).replaceAll(".green");查看全部
-
调用clone()方法可以生成一个被选元素的副本,即复制了一个被选元素,包含它的节点、文本和属性,它的调用格式为: $(selector).clone() 其中参数selector可以是一个元素或HTML内容。 $("body").append($(".red").clone()); $(".red").clone().appendTo("body");查看全部
-
使用before()和after()在元素前后插入内容 $(selector).before(content)和$(selector).after(content) var $html = "<span class='red'>兄弟。</span>" $(".green").after($html); 在类为“green”的元素后面添加“$html”内容查看全部
-
$(content).appendTo(selector) 参数content表示需要插入的内容,参数selector表示被选的元素,即把content内容插入selector元素内,默认是在尾部。 var $html = "<span class='red'>小青蛙</span>" $($html).appendTo("div"); 添加“$html”到“div”中查看全部
-
append(content)方法的功能是向指定的元素中追加内容, 被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数。 $("body").append(rethtml()); 添加 函数 $("body").append("<div id='test' title='hi'>我是html元素标记创建的</div>"); 添加 html元素标记查看全部
-
需要熟记一些语法查看全部
-
<script type="text/javascript"> $(function () { $("div").bind("change-color", function () { $(this).addClass("color"); }); $("div").click(function(){ $(this).trigger("change-color"); }) }); </script>查看全部
-
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>操作元素属性</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <h3>attr()方法设置元素属性</h3> <a href="http://127.0.0.1" id="a1">点我就变</a> <div>我改变后的地址是:<span id="tip"></span></div> <script type="text/javascript"> $("a").attr("href","www.imooc.com"); //var $imooc=$("a").attr("href"); $("#tip").html($("a").attr("href")); </script> </body> </html>查看全部
-
使用html()和text()方法操作元素的内容,当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容。 html()方法可以获取元素的HTML内容,格式代码也被一起获取,而text()方法只是获取元素中的文本内容,查看全部
-
attr(属性名,属性值) :设置或改变属性值;如 id class title value 等 attr(属性名) :获取属性值; $("#a1").attr("href" , "www.imooc.com"); var $url = $("#a1").attr("href"); $("#tip").html($url);查看全部
-
:selected选择器只能获取<select>下拉列表框中全部处于选中状态的<option>选项元素。查看全部
-
:checked选中状态选择器 有一些元素存在选中状态,如复选框、单选按钮元素,选中时“checked”属性值为“checked”,调用:checked可以获取处于选中状态的全部元素查看全部
举报
0/150
提交
取消