js 和 jquery的取值、赋值 对类名的操作、定时器

1.js 获取输入框的值：document.getElementById('columnSize').value

为文本框赋值：document.getElementById('columnSize').value = wt

jquery 获取输入框的值：var width = $("#columnSize").val(); 

为文本框赋值：$("#columnSize").val(oldWidth)

输入框内容发生变化时触发 onChange = changeSize()

2. js 添加和移除查询类名 

1. $("#leftID").removeClass("col-md-"+width);
2.  $("#leftID").addClass("col-md-"+oldWidth);
3. var classArr = $(".content-left").attr("class").split(/\s+/);   // 获取类名并分割成数组
4. 清空某块div  $('.station-mark').empty() 清除其子元素 从浏览器控制台可以看到此元素
5. $('.station-mark').remove()  //整个元素从页面消失 从浏览器控制台看不到此元素

3.判断是否含有某个类名

1.  根据id 获取class类名并拆分为数组 var classArr = $("#leftID").attr("class").split(/\s+/);  \s+ 表示一个或多个空格  classArr是一个数组

     2.  contains 返回是否包含某字符串 true false   indexof 返回字符串所在位置 不存在返回-1

        $(".station-mark .mark-box").hasClass('bg-yellow')   // jquery  判断某标签是否含有某个类名 

4.window.location.reload() 页面重新加载

5. window.onload = function(){}  //当页面加载完毕触发

6. setTimeout(pageload, 500)   //setTimeout是一个定时器   pageload 是一个函数名

setInterval会每隔指定的毫秒数后反复执行指定代码。

setTimeout只会在指定的毫秒数后执行一次指定代码。

7. String对象的方法

方法一: indexOf()   (推荐)

var str = "123";
console.log(str.indexOf("3") != -1 );  // true

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。

方法二: search() 

var str = "123";
console.log(str.search("3") != -1 );  // true

search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串，则返回 -1。

方法三:match()

var str = "123";
var reg = RegExp(/3/);
if(str.match(reg)){
    // 包含        
}

match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。

RegExp 对象方法

方法四:test() 

var str = "123";
var reg = RegExp(/3/);
console.log(reg.test(str)); // true
test() 方法用检索字符串中指定的值。返回 true 或 false。

方法五:exec()

var str = "123";
var reg = RegExp(/3/);
if(reg.exec(str)){
    // 包含        
}

exec() 方法用于检索字符串中的正则表达式的匹配。返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。