博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
一些JS基本小内容
阅读量:5281 次
发布时间:2019-06-14

本文共 3260 字,大约阅读时间需要 10 分钟。

获取select选中内容:

1、获取select表单内容
Jquery获取选中的内容:   $("#sel option:selected").val()    //获取到选中的value值,如v1,v2   $("#sel option:selected").text()   //获取到选中的文本值  ,如1,2javascript原生的方法  1:拿到select对象: var  myselect=document.getElementById("sel");  2:拿到选中项的索引:var index=myselect.selectedIndex ;             // selectedIndex代表的是你所选中项的index  3:拿到选中项options的value:  myselect.options[index].value;  4:拿到选中项options的text:  myselect.options[index].text;
View Code
2.获取表格内容
  
移动 删除
js:function toArray(a) { return [].slice.call(a); } toArray(document.querySelectorAll('.moveTag')).forEach(function (v) { v.addEventListener('click', function () { //点击移动之后要做的事情 //******* }) })
View Code

3.监视滚动条事件

$(document).ready(function () { var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度) var nScrollTop = 0; //滚动到的当前位置 var nDivHight = $(".white-bg").height(); $(".white-bg").scroll(function () { nScrollHight = $(this)[0].scrollHeight; nScrollTop = $(this)[0].scrollTop; if (nScrollTop + nDivHight >= (nScrollHight-100)) { //nScrollTop + nDivHight >= (nScrollHight-100)表示滚动条距离页面底部100培px的时候,也可以为nScrollTop + nDivHight >= nScrollHight表示滚动到底部之后进入if条件 /*滚动条滚动到指定位置之后所要执行的事情在此编写*/ } });})
View Code

4.获取指定div的style/给指定div设置css样式

//获取css样式$('#appDownload').css('display') //设置css样式$(".codeweixin").css("margin-bottom", "")
View Code

 5.js分割字符串并获取最后一个元素split()

//方法1 内置pop()方法var val ="C:\fakepath\btn5.png";var arr = val.split("\\");    //以\为分隔符分割字符串,arr=["C:",                                       //   "fakepath", "btn5.png"]var lat = arr.pop();    //获取最后一个元素  btn5.png,此时arr=["C:",                                 //    "fakepath"]                          //pop()方法在获取了数组的最后一个元素的同时也将原数组的最后一个元素给删除了。如果数组已经为空,则该方法不改变数组,并返回 undefined 值//方法2var val ="C:\fakepath\btn5.png";var arr = val.split("\\");    //以\为分隔符分割字符串,arr=["C:",                                       //   "fakepath", "btn5.png"]var lat = arr[arr.length-1];    //获取最后一个元素  btn5.png
View Code

 6.js合并字符串Join()

var arr = ["a","b","c"];var join = arr.join("/");//此时join就连接了字符串,join  = "a/b/c"
View Code

 7.Js对文本框验证输入只能为数字等内容

 

1 
2 验证只能输入数字
3 验证只能输入指定范围内的数字(0-100)
4 验证只能输入数字和小数点
5 只能输入英文字母和数字,不能输入中文
6 只能输入数字和英文(只能输入数字)
7 小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
8
9
View Code

 

 

8.设置元素的disabled属性:

$("#submitBtn").attr("disabled","disabled")$("#submitBtn").attr("disabled","")移除disabled属性:$('#submitBtn').removeAttr("disabled");
View Code

9.获取指定类名的元素的display属性:

$(".manageMode").each(function () {        //判断每一个div,其css中display是否为block        if($(this).css("display")=="block"){           console.log("这个就是你所要找的了")           }})
View Code

10.判断某个字符串是否包含另一字符串

var a = "天下,大同,一致";var b = "天下";var c = "大地";var d = a.indexOf(b);  (d>=0代表包含,反之则不包含)var e = a.indexOf(c);    (e=-1代表不包含)
View Code

 

 

 

转载于:https://www.cnblogs.com/myyBlog/p/6491679.html

你可能感兴趣的文章
INSERT IGNORE INTO / REPLACE INTO
查看>>
Python数据类型-布尔/数字/字符串/列表/元组/字典/集合
查看>>
MFC中theApp
查看>>
类的无参方法
查看>>
Python 开发:初识Python(记笔记)
查看>>
sqlrelay 的安装配置和应用
查看>>
idea maven指定编译参数
查看>>
python functions as objects
查看>>
【刷题】SPOJ 705 SUBST1 - New Distinct Substrings
查看>>
【C语言】输入一个整数,求它的原码,反码,补码值
查看>>
wappalyzer 上各种开源框架功能
查看>>
Linux----知识储备
查看>>
使用Docker搭建Wordpress
查看>>
Extract Fasta Sequences Sub Sets by position
查看>>
Lua 随机数生成问题
查看>>
visual studio code jupyter错误!No kernel specs found
查看>>
oracle 基础(上)
查看>>
hdu3853LOOPS(概率与期望dp)
查看>>
今天心情不太好,没什么可写的
查看>>
python --条件、循环和其他语句(一)
查看>>