js的一些常用方法小结

Val(),append(),get(),split(),substr(),each(),html(),keyup(),trim(),show(),hide(),indexOf()
一个一个来看：
Val()：来对一个页面元素进行取值和赋值
取值：var result = $(“#txtSearch”).val();
赋值：$(“#txtSearch”).val(result);

Each():对一个集合的操作,对集合里面的每一个元素进行后面的方法调用，例如：
$.each(data.list, function (i, item) {
Alert(item["WikiTitle"]”+” item["WikiID"]);//i是集合的元素下表，item代表元素本身
});

Append():在指定的页面元素后面追加元素
比如一个列表元素<li>test!</li>,像这样的页面元素就可以通过append方法来动态添加多个<li>项例如：
页面里面有一个id="div_keycontent"的div： <div id="div_keycontent"></div>
Js里面就可以这样写：
$.each(data.list, function (i, item) {
$("#div_keycontent").append("<li>" + item["WikiTitle"] + " <a href=\"Read/" + item["WikiID"] + "\" >查看</a>" + "</li>");
});

Get():在页面上异步获取数据，这种方式是异步绑定的形式，在我的前面的文章里面有交代，这里就不说了吧。

Spilt():对字符串进行操作例如：
Var str = spit(“liu,ming,feng”,”,”);
这样返回的str就是一个字符串数组：{“liu”,”ming”,”feng”}

Substr();对字符串操作的，去里面的子字符串
用法：
///判断最后一个字符是否为逗号
if (str.substring(str.length - 1, str.length) == "," || str.substring(str.length - 1, str.length) == "，"){
alert(“最后一个字符是逗号！”);
}

Html():修改一个html的标签的内容，例如：
$("#div_keycontent").html("<p>没有数据</p>");

Keyup();键盘按下弹起触发的方法
$("#txtSearchKey").keyup(function () {
$("#div_keycontent").html("<p>数据检索中....</p>");
});

Trim()：去掉字符串的首尾空格
用法：str.trim();

Show():让页面元素显示例如：$("#txtSearchKey").show();
Hide()：隐藏页面的元素例如：$("#txtSearchKey").hide();

Indexof():查看字符串的中是否有对应的子字符串
用法：
if (str.indexOf(',,') != -1 || str.indexOf('，，') != -1) {///判断是否有连逗号
alert(“有两个逗号连用！”);
}

赞 (0)

相关推荐

  • js的一些常用方法小结

    Val(),append(),get(),split(),substr(),each(),html(),keyup(),trim(),show(),hide(),indexOf() 一个一个来看: Val():来对一个页面元素进行取值和赋值 取值:var result = $("#txtSearch").val(); 赋值:$("#txtSearch").val(result); Each():对一个集合的操作,对集合里面的每一个元素进行后面的方法调用,例如: $.

  • JS数组去重常用方法实例小结【4种方法】

    本文实例讲述了JS数组去重常用方法.分享给大家供大家参考,具体如下: js数组去重,老生长谈,今天对其进行一番归纳,总结出来4种方法 贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfill Array.prototype.indexOf = Array.prototype.indexOf || function(item) { for (var i = 0, j = this.length; i < j; i++) { if (this[i] === it

  • js中数组常用方法总结（推荐）

    前言 从事前端到现在也有快两年了,平时也会收集整理一些笔记放在印象笔记,不过收集过之后就在没有看过,经大佬指点,真正掌握一个知识点,最好的方式就是用自己的话把内容讲明白,就开始将以前零散的东西整合一下,和各位道友一起提高. 操作数组 印象中数组有很多方法,系统的整理一下,放在自己家里方便回头查~ Array.map() 此方法是将数组中的每个元素调用一个提供的函数,结果作为一个新的数组返回,并没有改变原来的数组 let arr = [1, 2, 3, 4, 5] let newArr = arr

  • js的继承方法小结（prototype、call、apply）（推荐）

    js的继承方法小结（prototype、call、apply）（推荐）

    js的原型继承 --  prototype 先说下什么是prorotype? js中,俗话说"一切皆对象".用new 出来的都是函数对象:否则就是普通对象 函数对象都有prototype(原型对象):而普通对象则只有__proto__(原型指针) 函数对象的一个特点:可以实现不同类之间的方法继承 函数的子类可以共享父类的方法,而父类不能想用子类的方法 eg: (prototype的继承) //创建父类函数对象 function Personal(name, age) { this.na

  • JS操作JSON常用方法(10w阅读)

    JS操作JSON常用方法(10w阅读)

    一.概念简介 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包. 在JSON中,有两种结构:对象和数组. 1.对象 var packJson = {"name":"Liza", "password":"1

  • JS数组中常用方法技巧学会进阶成为大佬

    目录 splice()方法 join()方法 reverse()方法 every()方法 reduce()方法 filter()方法 findIndex()方法 和find()方法 findIndex() find() forEach()方法 some()方法 indexOf()方法 sort ()方法 push()方法 pop()方法 unshift()方法 shift()方法 splice()方法 截取替换数组 第一个参数是起始位置,第二个是截取的个数,第三是替换的元素 ,返回值是截取的元素

  • js中数组的常用方法小结

    本文实例总结了js中数组的常用方法.分享给大家供大家参考,具体如下: push 方法 该方法会把一个元素或一组元素(数组)添加到当前数组的末尾. eg: var arr1 = [1, 2, 3]; arr1.push([4, 5]); arr1的结果是[1, 2, 3, 4, 5] concat 方法 该方法会把两个数组或元素组合在一起,但是不会改变调用者的结构 eg: var arr1 = [1, 2, 3]; var arr2 = [4, 5]; var arr3 = arr1.concat

  • JS定义函数的几种常用方法小结

    本文实例讲述了JS定义函数的几种常用方法.分享给大家供大家参考,具体如下: 在 JavaScript 语言里,函数是一种对象,所以可以说函数是 JavaScript 里的一等公民(first-class citizens). 之前我们这样定义过一个函数: function greet(greeting, name) { return `${greeting}, ${name}` } 因为在 JavaScript 里面是对象(object),所以它会有一些属性还有方法.比如 name 属性是函数的

  • js String对象中常用方法小结(字符串操作)

    1.charCodeAt方法返回一个整数,代表指定位置字符的Unicode编码. strObj.charCodeAt(index) 说明: index将被处理字符的从零开始计数的编号.有效值为0到字符串长度减1的数字. 如果指定位置没有字符,将返回NaN. 例如: var str = "ABC"; str.charCodeAt(0); 结果:65 2.fromCharCode方法从一些Unicode字符串中返回一个字符串. String.fromCharCode([code1[,cod

  • jQuery移除或禁用html元素点击事件常用方法小结

    本文实例讲述了jQuery移除或禁用html元素点击事件常用方法.分享给大家供大家参考,具体如下: 移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现. 一.CSS方法 .disabled { pointer-events: none; } 二.jQuery方法 方法一 $(this).click(function (event) { event.preventDefault(); } 方法二 $('a').live('click', function(event

随机推荐