Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序，Get更优阅读体验！
立即前往
文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
首页
学习
活动
专区
圈层
工具
MCP广场
返回腾讯云官网
社区首页 >专栏 >jquery当中trim是怎么用的？

jquery当中trim是怎么用的？

作者头像
马克java社区
修改于 2021-02-07 02:46:50
修改于 2021-02-07 02:46:50
2K0
举报
文章被收录于专栏：java大数据java大数据
关联问题
换一批

例 2.1（trimSystemApi.html）  <html> <head> <title>$.trim()</title> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> /*jQuery.trim(str) 去掉字符串起始和结尾的空格。 */ var sString = "  12345 "; /* if the following $ is changed to jQuery, the result is the same. */ sString = $.trim(sString); //sString = jQuery.trim(sString); alert(sString.length); </script> </head> <body> </body> </html>

更多请见：https://blog.csdn.net/qq_44594371/article/details/103062778

本文系转载，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

javascript

本文系转载，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

javascript
评论
登录后参与评论
暂无评论
登录 后参与评论
推荐阅读
编辑精选文章
换一批
万字详解高可用架构设计
2485
Go 开发者必备：Protocol Buffers 入门指南
1424
10分钟带你彻底搞懂分布式链路跟踪
939
多租户的 4 种常用方案
1987
亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？
1366
60页PPT全解：DeepSeek系列论文技术要点整理
2427
jquery当中$(function() 与“$(document).ready(function(){})和 window onload的区别
javascript
马克-to-win：$(function() 与“$(document).ready(function(){})”是一样的，（二者都存在时，谁在前面谁先执行。）只不过头者是简写， 二者都是document加载完就执行，不过不包括图片或视频。这一点与window.onload不一样。（no experiment support） 例 1.2_b: <html> <head> <title></title> <script language="javascript" src="jquery.min.js"></script> <script language="javascript">   $(document).ready(function(){     alert("$(document).ready(function()");  })  $(function(){     alert("$(function()");  }); </script> </head> <body> <h2><a href="#">马克-towin</a>内容</h2> <h2>内容<a href="#">马克-towin</a></h2> </body> </html>
马克java社区
2021/02/01
5550
jquery当中$(function() 与“$(document).ready(function(){})和 window onload的区别
jquery当中NodeList的用法
javascript
例 1.2（NodeList.html） <html> <head> <title></title> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> window.onload = function(){     var oEle = $("h2 a"); //选出两个符合条件的     for(var i=0;i<oEle.length;i++) /*马克-to-win：注意oElements[i]虽然是个jquery对象,他也可以用innerHTML*/                oEle[i].innerHTML = "mark to win"+i.toString();    } </script> </head> <body> <h2><a href="#">马克-to-win</a>内容</h2> <h2>内容<a href="#">马克-to-win</a></h2> </body> </html> 例 1.2_a: <html> <head> <title></title> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> $(function(){     var oEle = $("h2 a"); //选出两个符合条件的     for(var i=0;i<oEle.length;i++) /*注意oElements[i]虽然是个jquery对象,他也可以用innerHTML*/                oEle[i].innerHTML = "mark to win"+i.toString();     }); </script> </head> <body> <h2><a href="#">马克-towin</a>内容</h2> <h2>内容<a href="#">马克-towin</a></h2> </body> </html>
马克java社区
2021/01/30
9050
jquery当中NodeList的用法
jquery当中toggleClass的用法
javascript
例 1.4（toggleClass.html） <html> <head> <title>toggleClass()方法</title> <style type="text/css"> <!-- .qieClass{     background-color:#00FF00; } --> </style> <script language="javascript" src="jquery.js"></script> <script language="javascript"> $(function(){     //当点击<P>标签时触发事件     $("p").click(function(){         //this表标jquery对象$("p")         //点击的时候不断切换,当有qieClass样式时就去掉样式，否则添加样式 。         /*通过下面的方法可以回到传统的模式*/         alert(this.firstChild.nodeValue);         $(this).toggleClass("qieClass");     }); }); </script> </head> <body>     <p>点击这里</p>     <p>点击这里2</p> </body> </html>
马克java社区
2021/02/01
5880
jquery当中toggleClass的用法
jquery当中append的用法
javascript
例 1.5（appendhtml.html） <html> <head> <title>append()方法</title> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> $(function(){     //马克-to-win：add就是又多加了一个元素到集合当中。     $("p:eq(4)").add("p:eq(0)").append("<b>这段应出现在最后</b>"); }); </script> </head> <body>     <p>这是第一行</p>     <p>这是第二行</p>     <p>这是第三行</p>     <p>这是第四行</p>     <p>马克-to-win</p> </body> </html>
马克java社区
2021/02/01
1.6K0
jquery当中append的用法
jquery如何改变多选框的值？
javascript
例 1.13（selectChangeMultiple.html） <html> <head> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> function dis(){     var mulValues = $("#num").val();   //   alert(multipleValues);   /*html的参数必须是个String类型*/     $("p").html(""+mulValues); } $(function(){     $("select").change(dis); }); </script> </head> <body> <p></p> <select id="num" multiple="multiple" style="height:40px;">     <option value="1">1</option>     <option value="2">2</option>     <option value="3">3</option>     <option value="4">4</option> </select> </body> </html>
马克java社区
2021/02/06
2.6K0
jquery如何改变多选框的值？
jquery当中如何给某个属性赋值
javascript
例 1.7（attrSet.html）  <html> <head> <title>attr(name,value)方法</title> <style type="text/css"> <!-- button{     border:1px solid #860066; } --> </style> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> function DisableBack(){     //选择第2个和第3个button /*<input type="text" name='aa[]' disabled="disabled" value='11'>*/       $("button:gt(0)").attr("disabled","disabled"); } </script> </head> <body>     <button οnclick="DisableBack()">第一个</button>&nbsp;     <button>第二个</button>&nbsp;     <button>第三个</button>&nbsp; </body> </html>
马克java社区
2021/02/01
4.8K0
jquery当中如何给某个属性赋值
jquery当中获取某个属性值的方法
javascript
例 1.6（attr.html） <html> <head> <title>attr(name)方法</title> <style type="text/css"> <!-- em{     color:#0000ff; } --> </style> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> $(function(){     var sContent = $("em:eq(1)").attr("content");    //获取第二个<em>元 素的title属性值     $("span").text(sContent);  //将sContent的内容放在<span>标签内 }); </script> </head> <body> <p>我们马克-to-win<em content="javaC">java</em>有段时间了</p> <p>javascript<em content="javascriptC">刚学</em>所以难</p> <p>Content属性的值是：<span></span></p> </body> </html>
马克java社区
2021/02/01
4.1K0
jquery当中获取某个属性值的方法
jquery当中each type text的用法
javascript
例 1.11（each&add&[type&text.html） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title></title>     <script language="javascript" src="jquery.min.js"></script> </head> <body>     <input value="11" /> +     <input value="22" />     <input type="button" value="=" />     <label>0</label>     <script type="text/javascript">         $("input[type='button']").click(function(){             var sum = 0;             $("input[type='text']").each(function(){//每个都执行一遍function                 sum += parseInt($(this).val());             });             $('label').text(sum);         });     </script> </body> </html>
马克java社区
2021/02/02
7670
jquery当中each type text的用法
jquery当中grep怎么用
javascript
例 2.3 <html> <head> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> var aAr = [1, 9, 5, 6, 3]; var aRe = $.grep(aAr,function(value,index){     return (value > 5 && index > 2); }); document.write("aAr: " + aAr + "<br>"); document.write("aRe: " + aRe); </script> </head> <body> </body> </html>
马克java社区
2021/02/08
7190
jquery当中grep怎么用
jquery当中css的用法
javascript
例 1.9 <html> <head> <title></title> <style> <!-- .dl td{     border:1px solid #006606;  } .dl tr.myrow{     background-color:#ff0000;  } --> </style> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> $(function(){     $("table.dl tr:odd").addClass("myrow");     var o=$("table.dl tr:even");     o.css("backgroundColor","blue"); }); </script> </head> <body> <table class="dl" >     <tr>         <td>马克-to-win</td>         <td>12</td>         <td>13</td>         <td>14</td>         <td>15</td>     </tr>         <tr>         <td>21</td>         <td>22</td>         <td>23</td>         <td>24</td>         <td>25</td>     </tr>     <tr>         <td>31</td>         <td>32</td>         <td>33</td>         <td>34</td>         <td>35</td>
马克java社区
2021/02/02
1.5K0
jquery当中css的用法
jquery当中如何Set和Get文本
javascript
例 1.3（SetGetinnerHtml.html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> </TITLE> <script src="jquery.js"></script> <SCRIPT LANGUAGE="JavaScript"> <!-- function getHTML() {   /* $("#info").html(); 代码1是返回指定元素的innerHTML值； $("#info").html("mark"); 代码2则是将mark这串字符设置到指定元素中 */     var message = $("#info").html();     alert(message) } function setHTML() {       $("#info").html("马克"); } //--> </SCRIPT> </HEAD> <BODY> <div id="info">mark</div> <INPUT TYPE="BUTTON" ONCLICK="getHTML()" value="获取"> <INPUT TYPE="BUTTON" ONCLICK="setHTML()" value="设置"> </BODY> </HTML>
马克java社区
2021/02/01
9430
jquery当中如何Set和Get文本
jquery当中mouseover和Mouseout 和mousemove的用法是什么？
javascript
例 1.12（mouseoverMouseout$Document.html） <html> <head> <title>设置opacity</title> <style type="text/css"> <!-- img{     border:1px solid #FFFFFF; } --> </style> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> $(function(){     //设置透明度，兼容性很好     $("img").mouseover(function(){         $(this).css("opacity","0.6");     });     $("img").mouseout(function(){         $(this).css("opacity","1.0");     }); /*下面头两段程序在火狐下效果完全一样， 都能运行， （2在火狐下可以，3火狐不行。但ie下2不行，1，3两段在ie上  是一样的 ），这个例子最重要的是让我看到了$(document)和document的区别。但 jquery会更兼容 */         $(document).mousemove(function(event){           $("span").text(event.clientX + ", " + event.clientY);         });  //      document.οnmοusemοve=function(event){ //          $("span").text(event.clientX + ",, " + event.clientY); //    };          /*       document.οnmοusemοve=function(){           $("span").text(event.clientX + ",,， " + event.clientY);     };   */ });
马克java社区
2021/02/06
1.1K0
jquery当中mouseover和Mouseout 和mousemove的用法是什么？
jquery当中bind和unbind，pageX，pageY，.screenX， screenY是怎么用的？
javascript
例 2.2（e.pageXscreenX.html）  <html> <head> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> $(function(){ /*马克-to-win：和原来一样，pageX指窗口里，screenX指屏幕，所以多了一个上面的菜单。*/     $("body").bind("click", fn1 = function(e){            var posPage = "(" + e.pageX + "," + e.pageY + ")";         var posScreen = "(" + e.screenX + "," + e.screenY + ")";         $("span").html("<br>Page: " + posPage + "<br>Screen: " + posScreen);     });     $("input[type=button]").click(function(){         $("body").unbind("click",fn1);    //移除事件监听myFunc1     }); }); </script> </head> <body> sgkls<br> sfdgsdg<br> gf<br> fsdf<br> fgdsf<br> sdf<br> sdfdsf<br> sdfsd<br> <input type="button" value="移除事件1"> <span></span> </body> </html>
马克java社区
2021/02/08
5970
jquery当中bind和unbind，pageX，pageY，.screenX， screenY是怎么用的？
jquery Ajax的helloworld例子
javascript
例 3.5     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>   <head>     <title></title>     <script src="jquery.js"></script>     <script type="text/javascript">     function check()     {         var txt = $("#item").val(); /* 参数： url (String): 装入页面的URL地址。 params (Map): （可选）发送到服务端的键／值对参数。 callback (Function): （可选） 当数据装入完成时执行的函数. */         $.post("jqueryservlet35",{word:txt},function(data){               $("#info").html(data)         })     }     </script>   </head>   <body>     <input type="text" id="item" value="鱼">     <input type="button" value="test"  οnclick="check()">     <span id="info"></span>   </body> </html>
马克java社区
2021/02/08
6450
jquery Ajax的helloworld例子
jQuery学习---核心函数和静态方法
编程算法腾讯云测试服务jqueryhtml
jQuery([selector,[context]]) 接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素,并包装成 jQuery 对象
syy
2020/05/21
1.1K0
jquery和servlet如何传递JSON数组？
javascript
例 3.7（AjaxJsonArray.jsp） <html> <head> <script src="jquery.js"></script> <script type="text/javascript">     function getP(id) {         $.getJSON("jqueryservlet37", {             id : id         }, function(arr) {             for ( var i = 0; i < arr.length; i++) {                 var obj = arr[i];                 for ( var pro in obj) {                      document.getElementById(pro).innerHTML = obj[pro];                 }             }             /* document.getElementById(pro).innerHTML = obj[pro];和下一句一样。                        $("#"+pro).html(obj[pro]);              */         })     } </script> </head> <body>     <table width="340" border="1">         <tr>             <td id="1" οnclick="getP('1')">点这1</td>             <td id="2" οnclick="getP('2')">点这2</td>         </tr>     </table>
马克java社区
2021/02/09
1.6K0
jquery和servlet如何传递JSON数组？
jquery当中冒号选择器的用法
javascript
例 1.8（colonSelector1.html） <html> <head> <title>属性选择器</title> <style type="text/css"> <!-- .myCla{     background-color:#ff0000; } --> </style> <script language="javascript" src="jquery.min.js"></script> <script language="javascript"> $(function(){ /*:has(selector) 匹配含有选择器所匹配的元素的元素 */     $("ul li ul li:has(a)").addClass("myCla"); }); </script> </head> <body> <ul>     <li><a href="#">马克-to-win</a>         <ul>             <li>淘宝</li>             <li><a href="#">淘宝</a>内容</li>             <li><a href="#">淘宝</a>内容</li>             <li><a href="c.html">淘宝</a>内容</li>         </ul>     </li> </ul> </body> </html>
马克java社区
2021/02/02
1.1K0
jquery当中冒号选择器的用法
文本选择window.getSelection
javascript
8.文本选择window.getSelection 例 1.8（文本选择IEFF.html) <html> <head>     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>     <script type="text/javascript">        function fun1(){ if(window.getSelection){//DOM,FF,Webkit,Chrome,IE10 alert("马克-to-win：火狐click事件包括鼠标点下和抬起两个动作，不抬起不算结束，所以可以选择文本。 window.getSelection is "+window.getSelection); selectionText = window.getSelection(); }else if(document.getSelection){//IE10 selectionText = document.getSelection(); }else if(document.selection){//IE6+10- selectionText = document.selection.createRange().text; }else{ selectionText = ""; }            strlen = selectionText.toString();            alert(strlen);   //  alert(document.selection.createRange().text);        }    </script> <body> <body οnclick="fun1();"> <p>Select this textsfsadfsdafsdagfsadgsagsadgfsd</p> sdgsagsadgsafghgfhfh gsadgsaghfghfhgfhf sabhhfghgfhfghfh gsfdghf sdaggfhf gdhfghdf sdagdhg </body> </body> </html>
马克java社区
2021/01/13
8700
文本选择window.getSelection
jquery当中Ajax的基础原理是什么？
javascript
例 3.1（AjaxPrerequ1.html） <html> <head> <script> /* 马克-to-win：这个例子和jquery没任何关系。就是自己如何从头做一个jquery。the following is a json format, which can have a function as a pair. */ var $={     name:'马克-to-win',     getById:function(obj){         return document.getElementById(obj);     },     set:function(){     /*下面的$可以换成this,结果是一样的*/         $.getById('show').innerHTML = "哈苏大苏打靠近哈快速地结合看 "+this.name;     } } </script>
马克java社区
2021/02/08
4200
jquery当中Ajax的基础原理是什么？
javascript当中mouseDown事件，mouseUp,和mouseClick执行顺序
javascript
11.mouseDown事件，mouseUp,和mouseClick执行顺序 马克-to-win：下例仔细剖析了mouseDown和mouseClick的关系。当两个对象重叠在一起，（比如这里document和span），一定是先执行所有元素的mouseDown事件，之后所有元素的mouseUp,之后执行所有元素的mouseClick。（有一点切记注意，本例子测试过程中不能用alert，如用alert，down事件后不会再执行click事件了。事件就被alert打断了。） 例 11.1 <html> <head>     <title>根据实验，本例仔细剖析了mouseDown和mouseClick的关系。当两个对象重叠在一起，（比如这里document和span），一定是先执行所有元素的mouseDown事件，之后所有元素的mouseUp,之后执行所有元素的mouseClick</title>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>     <SCRIPT language=JavaScript>         function linkClickHandler(event) {         //    alert(event.srcElement+"is event.srcElement");         //    alert(event.target+"is event.target");             var t =event.srcElement||event.target;          //   alert(t.id+" qq1 ");             sss2.innerHTML += t.id+" click ";         }         function linkDownHandler(event) {        //     alert(event.srcElement+"ddddddddis event.srcElement");        //     alert(event.target+"is event.target");             var t =event.srcElement||event.target;        //     alert(t.id+" qq1 ");             sss2.innerHTML += t.id+" down ";         }         function documClickHandler(event) {         if (document.all) {         }else{        //     alert("event.currentTarget is "+event.currentTarget+" event.type is "+event.type+" event.eventPhase is "+event.eventPhase+"eventPhase等于3是冒泡阶段不是capture阶段"); /*Event.CAPTURING_PHASE     1 Event.AT_TARGET     2 Event.BUBBLING_PHASE*/                      sss2.innerHTML += " event.type is "+event.type+" event.eventPhase is "+event.eventPhase+"eventPhase等于3是冒泡阶段不是capture阶段"+" document click ";
马克java社区
2020/12/17
1.3K0
javascript当中mouseDown事件，mouseUp,和mouseClick执行顺序
推荐阅读
编辑精选文章
万字详解高可用架构设计Go 开发者必备：Protocol Buffers 入门指南10分钟带你彻底搞懂分布式链路跟踪
相关课程
前端腾讯云向量数据库快速上手训练营数字化IT从业者知识体系
jquery当中$(function() 与“$(document).ready(function(){})和 window onload的区别
5550
jquery当中NodeList的用法
9050
jquery当中toggleClass的用法
5880
jquery当中append的用法
1.6K0
jquery如何改变多选框的值？
2.6K0
jquery当中如何给某个属性赋值
4.8K0
jquery当中获取某个属性值的方法
4.1K0
jquery当中each type text的用法
7670
jquery当中grep怎么用
7190
jquery当中css的用法
1.5K0
jquery当中如何Set和Get文本
9430
jquery当中mouseover和Mouseout 和mousemove的用法是什么？
1.1K0
jquery当中bind和unbind，pageX，pageY，.screenX， screenY是怎么用的？
5970
jquery Ajax的helloworld例子
6450
jQuery学习---核心函数和静态方法
1.1K0
jquery和servlet如何传递JSON数组？
1.6K0
jquery当中冒号选择器的用法
1.1K0
文本选择window.getSelection
8700
jquery当中Ajax的基础原理是什么？
4200
javascript当中mouseDown事件，mouseUp,和mouseClick执行顺序
1.3K0
相关推荐
jquery当中$(function() 与“$(document).ready(function(){})和 window onload的区别
更多 >
马克java社区0
LV.4
马克java社区CTO
文章
627
获赞
1.5K
专栏
1
作者相关精选
换一批
加入讨论
的问答专区 >
摘星.0
    相关课程
    一站式学习中心 >
    前端
    1274人在学
    前端
    腾讯云向量数据库快速上手训练营
    1082人在学
    向量数据库
    数字化IT从业者知识体系
    396人在学
    CODING DevOps
    软件开发
    领券

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号 | 京公网安备号11010802020287

    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档

    Copyright © 2013 - 2025 Tencent Cloud.

    All Rights Reserved. 腾讯云 版权所有

    登录 后参与评论