jQuery 常用的方法

<!DOCTYPE html><html lang="en"><head>    <meta charset="utf-8"/>    <title>品牌列表案例</title>    <script src="js/jquery-2.1.1.min.js" rel="script"></script>    <script>        $(document).ready(function () {            var $text =$("ul li:eq(2)"); //获取ul的第三个子节点            var $text_v1 = $text.text();//获取指定元素的文本内容            var $text_v2 = $("p").append("<b> world</b>");//向匹配的元素内部追加内容            ($("<b>世界</b>").appendTo("p")); //向匹配的元素内部添加文本内容到末尾，            $("a").prepend("<b>标签</b>");//在每一个匹配元素的文本前面添加指定内容            $("<b>加在后面</b>").appendTo("a");//在每一个匹配元素的文本后面添加指定内容            $("i").after("<b>内容加在倾斜文本之后</b>");//在匹配的元素之后添加文本内容            //按照字面顺序来理解即可，就是将b标签内的内容添加到em标签的文本之后            $("<b>的文本</b>").insertAfter("em");            //添加到匹配元素的文本之前，因为div是块元素，所以添加的内容也是块元素            $("div").before("<b>前面的文本</b>");            //按照字面的反顺序来理解，也就是b标签文本添加到ol li:eq(1)元素文本的后面，不是前面            $("<b>hello </b>").insertBefore($("ol li:eq(1)"));

            $("p").click(function(){                //点击p标签文本时将p标签本身的文本复制（克隆）一次追加在em标签之后。                $(this).clone().appendTo("em");            });                //将ol li:eq(2)元素的文本内容替换成指定的文本内容。            $("ol li:eq(2)").replaceWith("<b>刘备</b>");            $("em").wrap("<b></b>");//用b标签将em标签包裹起来

            alert($("strong").attr("title"));//获取匹配元素的属性的值        })    </script>    </head><body>   <ul>       <li>demo1</li>       <li>demo2</li>       <li>demo3</li>       <li>demo4</li>       <li>demo5</li>       <li>demo6</li>   </ul><p>hello</p><a>box</a><a>title</a><a>test</a><br><br><i>倾斜文本</i><br><br>

<em>颠倒常理</em><br><div>hello</div><ol>    <li>张三</li>    <li>李四</li>    <li>王二</li></ol>

<strong title="stronger">strong</strong></body></html>

转载于:https://www.cnblogs.com/LindaBlog/p/9805910.html

jQuery 常用的方法相关推荐

jQuery常用工具方法
前面的话 jQuery提供一些与元素无关的工具方法,不必选中元素,就可以直接使用这些方法.如果理解原生javascript的继承原理,那么就能理解工具方法的实质.它是定义在jQuery构造函数上的方法 ...
jQuery常用的方法
each() 以每一个匹配的元素作为上下文来执行一个函数. size() jQuery 对象中元素的个数. 转载于:https://www.cnblogs.com/yeyublog/p/753669 ...
jquery常用遍历方法
2019独角兽企业重金招聘Python工程师标准>>> 1.循环遍历 each方法定义如下: 方法定义:$(selector).each(function(index,element ...
Jquery学习总结（7）——JQuery常用的10个方法总结
一.each():遍历函数用法:它是一个通用的迭代函数,可以用来无缝迭代对象和数组.jQuery.each(collection, callback(indexInArray, valueOfEle ...
jQuery常用的查找Dom元素方法
jQuery常用的查找Dom元素方法废话不多说,先来个总结,然后下面是demo 一. 同级节点之间的检索(检索深度N=0) next()是在兄弟节点中,往后匹配; prev()是在兄弟节点中,往前匹 ...
[转]jQuery的each方法的几种常用的用法
下面提一下jQuery的each方法的几种常用的用法复制代码代码如下: var arr = [ "one", "two", "three&quo ...
jquery 常用选择器和方法以及遍历（超详细）
jQuery 常用选择器和和方法学习总结一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍二.jQuery 对象 1. jQuery ...
jQuery常用的全局方法源码
下面常用方法的详细使用请查看:http://www.cnblogs.com/moqiutao/p/4775725.html 1.$.noConflict()方法语法:jQuery.noConflic ...
笔记--jQuery常用API，事件，其他方法
1. jQuery 选择器 1.1 jQuery 基础选择器原生js获取元素方式很多,很杂,而且兼容性情况不一致,因此jQuery给我们做了封装,使获取元素统一标准. 1.2 jQuery 层级选择 ...

jQuery 常用的方法

jQuery 常用的方法相关推荐

最新文章

热门文章