javascript-jQuery比较来自不同元素的两个String

25-02-24 15

针对javascript-jQuery比较来自不同元素的两个String这个问题，本篇文章进行了详细的解答，同时本文还将给你拓展JavaScript/jQuery：监视元素的更改？、JavaScrip

针对javascript-jQuery比较来自不同元素的两个String这个问题，本篇文章进行了详细的解答，同时本文还将给你拓展JavaScript / jQuery：监视元素的更改？、JavaScript QueryString解析类代码_javascript技巧、javascript – jQuery animate()元素的单个队列、javascript – jQuery find – 返回元素的顺序是什么？等相关知识，希望可以帮助到你。

本文目录一览：

javascript-jQuery比较来自不同元素的两个String
JavaScript / jQuery：监视元素的更改？
JavaScript QueryString解析类代码_javascript技巧
javascript – jQuery animate()元素的单个队列
javascript – jQuery find – 返回元素的顺序是什么？

javascript-jQuery比较来自不同元素的两个String

我想将选择选项与文本内容进行比较.可以实现.尽管字符串相同,但比较时它们不匹配.

<div id="daterange">
          <p>27 Nov 2016_26 Dec 2016</p>
</div>

和选择选项如下：

<select id="daterangeSelect" onchange="showHideForms(this);"><option value="27 Nov 2016_26 Dec 2016" selected>nov-dec</option></select>

在jQuery中,我正在比较：

$("#daterangeSelect").val() and $("#daterange").text()

尽管它们在控制台输出中看起来相同,但如果条件不匹配
可以对可能出什么问题发表评论.

解决方法:

尝试不比较$(“#daterange”).text(),因为它还会返回p标记作为文本.因此将其更改为$(“#daterange p”).text()

console.log($("#daterangeSelect").val());
console.log($("#daterange p").text());

console.log($("#daterangeSelect").val() === $("#daterange p").text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="daterange">
          <p>27 Nov 2016_26 Dec 2016</p>
</div>


<select id="daterangeSelect" onchange="showHideForms(this);"><option value="27 Nov 2016_26 Dec 2016" selected>nov-dec</option></select>

JavaScript / jQuery：监视元素的更改？

除了创建新事件外,还有什么方法可以告诉我何时将特定的CSS类添加到元素中？

解决方法:

如果您无权访问添加类的代码,则有一个名为livequery的jQuery插件,当将元素添加到DOM时(或在您向元素添加类之类的事情时),该插件将允许您运行代码.

http://brandonaaron.net/code/livequery/docs

$('div.myClass').livequery(function() {
     alert('myClass was added');
});

$('#someDiv').addClass("myClass");  // The livequery code will run

这特别适用于jQuery方法.

JavaScript QueryString解析类代码_javascript技巧

使用示例：

复制代码代码如下:

var qs = new QueryString(query);
qs.set("ajaxids", ids)
qs.set("ajaxsn", new Date())
query = qs.toStr();

也可以连续调用：

复制代码代码如下:

query = new QueryString(query).set("ajaxids", ids).set("ajaxsn", new Date()).toStr();

其它用法就自己看代码琢磨吧。
完整代码：

复制代码代码如下:

QueryString = function(qs){
    this.p={};
    if(!qs)
        url=location.search;
    if(qs) {
        var b = qs.indexOf(''?'');
        var e = qs.indexOf(''#'');
        if(b >= 0){
            qs = e             if(qs.length > 0){
                qs = qs.replace(/\+/g, '' '');
                var a = qs.split(''&'');
                for (var i = 0; i                     var t = a[i].split(''='');
                    var n = decodeURIComponent(t[0]);
                    var v = (t.length == 2) ? decodeURIComponent(t[1]) : n;
                    this.p[n] = v;
                }
            }
        }
    }
    this.set = function(name, value){
        this.p[name] = value;
        return this;
    };
    this.get = function(name, def){
        var v = this.p[name];
        return (v != null) ? v : def;
    };
    this.has = function(name) {
        return this.p[name] != null;
    };
    this.toStr = function() {
        var r=''?'';
        for (var k in this.p) {
            r += encodeURIComponent(k) + ''='' + encodeURIComponent(this.p[k]) + ''&'';
        }
        return r;
    };
};

$(function(){ $('#myQueue') .queue('myQueue',function(next){ $('#t1').animate({left: 100},{duration: 1000,queue: false,complete: next }) }) .queue('myQueue',function(next){ $('#t2').animate({left: 100},{duration:1000,queue:false,complete: next}) }) /* etc. */ .dequeue('myQueue') })