jq杂项方法/工具方法----trim() html() val() text() attr()

红太狼 2023-06-05 08:11 113阅读 0赞

[https://www.cnblogs.com/sandraryan/][https_www.cnblogs.com_sandraryan]

$.trim() 函数用于去除字符串两端的空白字符。在中间的时候不会去掉。

var str = '        去除字符串左右两端的空格，换行   ，制表符。      ';
    res = $ .trim(str);
    console.log(str);
    console.log(res);

![1645790-20190916170713609-462325446.png][]

html(); //设置或获取元素的html内容

text();  //text内容

val();   //表单value值

attr();   //属性值（html提供的默认值和自定义值）

<div class="wrap">this is a wrapppppp
            <p>para</p>
            <mark>mark text</mark>
            <h2>header 2</h2>
        </div>
    
    
    var wrap = $('.wrap');
        var res = wrap.html();
        console.log(res);
    
        res = wrap.text();
        console.log(res);

![1645790-20190916171213781-1910702789.png][]

wrap.text('hhhhhhhhhh');

会覆盖掉页面内容。

<input class="inp" type="text" value="the value">
    
      var inp = $('.inp');
      var res = inp.val();
      console.log(res);

显示为：

![1645790-20190916171519231-1725432807.png][]

![1645790-20190916171654122-2056171553.png][]

attr

var h2 = $('.wrap h2');
        var res = h2.attr('class');
        console.log(res);
        
        h2.attr('class','h2');
        res = h2.attr('class');
        console.log(res);
    
        h2.attr('newattr','hi');
        res = h2.attr('newattr');
        console.log(res);

![1645790-20190916172015423-1638059878.png][]

转载于:https://www.cnblogs.com/sandraryan/p/11528448.html

[https_www.cnblogs.com_sandraryan]: https://www.cnblogs.com/sandraryan/
[1645790-20190916170713609-462325446.png]: /images/20230601/becc84dd51c244e892ee28378fe0cffb.png
[1645790-20190916171213781-1910702789.png]: /images/20230601/609b7f2c5aec4b188502b83539f3cdd8.png
[1645790-20190916171519231-1725432807.png]: /images/20230601/2d565744243f46519e0754d97b6d06de.png
[1645790-20190916171654122-2056171553.png]: /images/20230601/e396d6eec9f241c3aa6ab61fd50f0d52.png
[1645790-20190916172015423-1638059878.png]: /images/20230601/58261ce6025346ecb4ab6f8b18b56025.png