Javascript 没有'；我不明白下面的关键词+；searchValue+&引用；在jquery代码中_Javascript_Jquery

Javascript 没有'；我不明白下面的关键词+；searchValue+&引用；在jquery代码中

javascript jquery

Javascript 没有'；我不明白下面的关键词+；searchValue+&引用；在jquery代码中,javascript,jquery,Javascript,Jquery,我在网上遇到了一个jQuery程序。它的目的是突出显示输入框中的文本我自己也试过了，但我不明白下面的关键字在程序中的用法，为什么先用单引号，然后用双引号，为什么前后都用加号“+searchValue+” 下面是html代码 <!DOCTYPE html> <html lang="en"> <head> <title> </title> <meta charset="

我在网上遇到了一个jQuery程序。它的目的是突出显示输入框中的文本我自己也试过了，但我不明白下面的关键字在程序中的用法，为什么先用单引号，然后用双引号，为什么前后都用加号

“+searchValue+”

下面是

html代码

<!DOCTYPE html>
<html lang="en">
    <head>
         <title>
         </title>
         <meta charset="utf-8" />
         <link rel="stylesheet" type="text/css" href="css/custom.css" />
    </head>
    <body>
        <p>
            Search <br />
            <input type="text" id="search_text" />
        </p>
        <ul id="myList">
            <li>
                sweden
            </li>
            <li>
                tokyo
            </li>
            <li>
                istambul
            </li>
            <li>
                london
            </li>
            <li>
                paris
            </li>
        </ul>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
    <script type="text/javascript" src="js/custom.js" ></script>
    </body>
</html>

下面是

custom.js

$(document).ready(function(){
    $('#search_text').on('keyup',function(){
        var searchValue = $('#search_text').val();
        $('#myList li').removeClass('highlight');
        if($.trim('"+searchValue+"') !== ''){
            $("#myList li:contains('" +searchValue+ "')").addClass('highlight');
        }
    });
});

我是jquery的初学者。

第一个用法似乎不正确，可能是：

if($.trim(searchValue) !== ''){

检查输入的值是否不是空格

第二种用法只是串联运算符（二进制加号）的应用：

它将生成传递给jquery选择器的字符串。如果

seachValue='some'

，您将拥有：

$("#myList li:contains('some')").addClass('highlight');

searchValue是一个变量。优点是连接运算符。这是在任何javascript教程中都可以学到的基本知识：我完全理解它用于连接，并且它是一个变量，但是为什么要在其中使用单引号和双引号？在哪里找到这段代码？这里似乎缺少一些内容

$。trim（“+searchValue+”）

@RK双引号关闭并打开字符串。单引号是字符串的一部分。

$("#myList li:contains('" +searchValue+ "')").addClass('highlight');

$("#myList li:contains('some')").addClass('highlight');