jQuery技术

Jquery常用的方法汇总(4)

字号+ 作者:H5之家 来源:H5之家 2015-10-10 12:16 我要评论( )

wrapInner(): 将匹配标签中的内容,添加一个指定标签(相当于是给原标签添加一个子标签,并且保存的是父标签的文本内容) a123/a : a.wrapInner("b");//结果就是 : ab123/b/a 用b标签 把a里面的内容括起来 li title="苹

            wrapInner(): 将匹配标签中的内容,添加一个指定标签(相当于是给原标签添加一个子标签,并且保存的是父标签的文本内容)
        <a>123</a> :
            a.wrapInner("b");//结果就是 : <a><b>123</b></a>   用b标签 把a里面的内容括起来
        <li title="苹果">苹果</li>
        $("li").wrapInner("<i></i>");//结果就是 : <li title="苹果"><i>苹果</i></li>
        <li title="苹果">
            <i>苹果</i>
        </li>

//效果切换 toggleClass() : 

        是指的效果之间的切换,第一次没有切换的时候有一个效果,切换的时候,是指所有的class综合组成的那个效果
        就是当前效果和指定的效果来回切换
         <style type="text/css">
         .high{
            font-weight:bold;   /* 粗体字 */
            color : red;        /* 字体颜色设置红色*/
        }
        .another{
            font-style:italic;
            color:blue;
        }
        </style>
         <p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
         $("p").toggleClass("another ");//其实是改class,当触发这个函数的时候,就等于是把another和height换了一下,上面设置了,当class是high的时候,是红色字体,当class是another的时候,是蓝色字体
         所以,触发这个函数,就会变一次颜色,在触发一次,就在变一次,只不过是class之间的切换.是$("p").toggleClass("another")后面的class 和p标签里面原代的class进行切换

//判断元素是否包含某样式 hasClass() :

        $("p").hasClass("MyClass");//判断p标签里面是否有个class的属性为MyClass
        $("p").is("MyClass");//和上面一样

//html()和text() : 

        <p title="选择你最喜欢的水果." ><strong>你最喜欢的水果是?</strong></p>
        $("p").html();//就是p标签,两个标签(<p></p>)之间的内容,相当于是p的innerHTML,就是 : <strong>你最喜欢的水果是?</strong>
        $("p").text();//就是p标签里面的文本数据(文本节点),就是 : 你最喜欢的水果是?

//得到 失去 焦点 focus() blur() :

        focus() : 得到焦点
        blur() : 失去焦点
        $("标签名(#ID名)(.class名)").focus(获取焦点需要执行的方法和语句function(){ 语句 操作})
        $("标签名(#ID名)(.class名)").blur(失去焦点需要执行的方法和语句function(){ 语句 操作})

//获取/更改 value()值 defaultValue : 

        <input type="button" value="请输入账号"/>
        $("input").val();//这是获取value的值
        $("input").val("账号是****");//这是更改value的值
        结果就是 : <input type="button" value="账号是****"/>

    //defaultValue :
        代表value的默认值,就是编写代码的时候,设置value的值是什么,那defaultValue就是什么
        一般用于判断
        if (txt_value == ""){//意思是,如果value为空,就把开始的默认值再赋值给value
            用于设置输入框,如果输入框没有输出东西,就还把默认的value值输入进去,(没得到焦点的时候,输入框里显示默认值,得到焦点后,设置去掉默认值,如果客户没有输入东西,还会给value把默认值赋值回去,用于提醒客户,没有输入东西)
        $("input").val($("input").defaultValue)
        }

//查看子元素的个数children() (只是子元素,子元素的子元素,不算,直接子元素才是子元素) :

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
;