首页 > 其他分享 >typeof运算符及实现jquery中的addClass,removeClass,hasClass

typeof运算符及实现jquery中的addClass,removeClass,hasClass

时间:2023-03-08 15:31:36浏览次数:40  
标签:jquery 返回 removeClass ele 运算符 hasClass typeof test cls


一、JavaScript有五种基本的数据类型:Undefined、null、String、Number、Boolean,这五种数据类型都可以用typeof来检测


1. Undefined类型:已经声明而未赋值的变量的值为”undefined”[实际上未声明的变量用typeof检测也会返回undefined]

2. Null类型:表示空的对象指针,相当于对象占位符,typeof返回object。如果返回为对象,却找不到这个对象时,通常会返回null

3. Boolean类型:只有两个字面值,true和false。true不一定等于1,false也不一定等于0;同时注意这两个字面值是区分大小写的,也就是说True和False都不是Boolean值。Javascript所有类型都可以通过Boolean()方法来转换成Boolean值

4. Number类型:数字的进制表示及科学计数法表示。

isFinite():判断是否为有限数值,如果是则返回true,否则返回false。

特殊数值::NaN (not a number) 即表示不是一个数字,则isNaN判断不是数字时返回true。

NaN不能用于计算alert(NaN == NaN) //返回false

可用方法:isNaN(),判断是否为”不是数字”,不是数字则返回true,是数字则返回false。

5. String类型:用单引号或双引号表示。字符串起始字符的位置为0,最后一个字符的位置为字符串长度减1。其他数据类型可以使用toString()、String()方法转换成字符串类型。


二、javascript typeof运算符


typeof操作符,返回“表达式”的数据类型的字符串。

typeof是一个操作符(非函数),所以typeof后面可以接括号[如:typeof(表达式)]也可以不接[如:typeof 表达式]

typeof返回的常见字符串:


“undefined”

表示这个值未定义,例如: var i;

“boolean”

表示这个值是布尔值

“string”

表示这个值是字符串

“number”

表示这个值是数字

“object”

表示这个值是对象或null,可理解为null是对象的占位符

“function”

表示这个值是函数

三、JavaScript实现jQuery中的addClass()、removeClass()、hasClass()



</pre><pre name="code" class="javascript">function hasClass(ele,cls) {
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function addClass(ele,cls) {
if (!this.hasClass(ele,cls))
ele.className += " "+cls;
}
function removeClass(ele,cls) {
if (hasClass(ele,cls)) {
var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
ele.className=ele.className.replace(reg,' ');
}
}
//call the functions
addClass(document.getElementById(“test”), “test”);
removeClass(document.getElementById(“test”), “test”)
if(hasClass(document.getElementById(“test”), “test”)){//do something};


标签:jquery,返回,removeClass,ele,运算符,hasClass,typeof,test,cls
From: https://blog.51cto.com/u_15998238/6108241

相关文章

  • 实验1 C语言开发环境使用和数据类型、运算符、表达式
    //打印一个字符小人#include<stdio.h>intmain(){printf("o\n");printf("<H>\n");printf("II\n");return0;}#include<stdio.h>......
  • 【SQL】比较运算符
    比较运算符%:代表不确定个数的字符(o个,1个,或多个)— 代表一个不确定的字符转义字符:\    1、数字与字符串比较字符串如果隐式转成数字,如果转换不成功就当......
  • java标识符,关键字和运算符
    Java标识符和关键字数据类型​Java数据类型分为基本类型和引用类型。基本类型整数类型:byte,占一个字节范围:-128~127short,占两个字节范围:-32768-32767int,占4个字......
  • JQuery的ajax函数中error的解析
    error是ajax传入的对象中的函数,表示ajax发送请求后返回的异常信息处理函数。error函数有三个参数:jqXHR、status、errorThrown第一个参数jqXHR是一个XMLHttpRequest对象,该......
  • ES6增加了扩展运算符: ... 三个点是ES几的
    ES6的扩展运算符(spread)是三个点(...)。它好比rest参数的逆运算,将一个数组转为用逗号分隔的参数序列。1、将一个数组转为用逗号分隔的参数序列(把数组中元素展开)。如下:......
  • C# 运算符(Operators)
    C#运算符(Operators)运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。本文主要介绍C#中的运算符(算术运算符、关系运算符、赋值......
  • jQuery实现省级联动效果——源码
    一、效果图二、index.html<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>jQuery实现省级联动</title></head><body><div><select......
  • scanf与printf以及运算符
    printf的用法详解_1【重点】  %x是指的以十六进制的方式输出           如何编写出更有保存价值和 更有学习价值的程序程序开头用注释写......
  • [Java基础] 数值运算符
    数值运算符算术运算符算术运算符说明例子结果+正号+33-负号-4-4+加5+510-减6-42*乘3*412/除5/51%模(取余)7%52++......
  • jquery元素过滤
    first():返回被选元素的首个元素。$(document).ready(function(){//选取首个<div>元素内部的第一个<p>元素:$("divp").first();});last():返回被选元素的最后......