JS中的数据类型(见《Jquery实战附录》)
一、所有数据类型的常量都看作对象。
(一)、JS自带的数据类型怎样创建对象?
number、String这些基本类型的值,23、"abc"等常量本身就是对象。
Date类型:通过一个构造函数创建对象,new Date(2015,7,8)
(二)、用户怎样创建自定义的对象?
1.通过var o = new Object();
然后动态的指定对象o的属性。
2.通过对象字面量;
3.通过定义一个构造函数。
二、JS自定义对象的特点
对象包含属性,
属性包含属性名和属性值,
属性名是字符串,属性值可以是任何对象。
创建一个自定义JS对象,更像是定义了一种临时语言,用一些字符串去分别对应一个常量(包括函数)。
JS里的一个函数是一个常量,和1,"abc"这些基本数据没有区别。
三、JS回调函数
A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.
<html> <head> <title>回调函数(callback)</title> <script language="javascript" type="text/javascript"> function a(callback) { alert("我是parent函数a!"); alert("调用回调函数"); callback(); } function b(){ alert("我是回调函数b"); } function c(){ alert("我是回调函数c"); } function test() { a(b); a(c); } </script> </head> <body> <h1>学习js回调函数</h1> <button onClick=test()>click me</button> <p>应该能看到调用了两个回调函数</p> </body> </html>
四、闭包
JS、过程式编程,允许在一个外部函数里定义使用内部函数。而对象式编程一般不允许在一个函数里定义另外一个函数。
因此也意味着在过程式编程存在一个对象式编程不存在的现象:内部函数可能比外部函数的生命周期要长。
什么是闭包?
闭包这个概念是针对过程式编程的。
即一个内部函数引用了外部函数定义的一个局部变量,则在外部函数执行结束后,内部函数仍可以使用所引用的外部变量,即这些变量的生命周期超出了定义它的外部函数的生命周期,形成了内部函数的闭包。
五、选择器:
(一)、确定元素所属DOM的层次
$("*"):所有元素
$("#id"):根据id选择
$(".class"):根据所属的类
$("p"):根据元素名
$("body>div"):作为<body>直接子节点的<div>
$("body>div:has(a)"):作为<body>直接子节点的<div>、包含链接(<a>)的<div>。
(二)、对选出的同类元素进行筛选
1.根据在同类元素中的位置
$("p:first"):
$("tr:even")
$("ul li:eq(3)")
$("ul li:gt(3)")
2.根据元素的属性
$("[href]"):所有带有href属性的元素
$("[href='#']"):所有 href 属性的值等于 "#" 的元素
$("[href!='#']"):所有 href 属性的值不等于 "#" 的元素
$("[href$='.jpg']"):所有 href 属性的值包含以 ".jpg" 结尾的元素
$(":contains('W3School')"):包含指定字符串的元素
$(":empty"):无子(元素)节点的所有元素
$("p:hidden"):所有隐藏的<p>元素
$("table:visible"):所有可见的表格
操作input元素的选择器
$(":input"):所有 <input> 元素
$(":text"):所有 type="text" 的 <input> 元素
$(":password"):所有 type="password" 的 <input> 元素
$(":enabled"):所有激活的 input 元素
$(":disabled"):所有禁用的 input 元素
$(":selected"):所有被选取的 input 元素
$(":checked"):所有被选中的 input 元素
(三)、其他选择
$(":header")所有标题元素 <h1> - <h6>
$(":animated")所有动画元素
转载于:https://www.cnblogs.com/wllhq/p/4634452.html
JS中的数据类型(见《Jquery实战附录》)相关推荐
- 判断js中的数据类型的方法
在 判断js中的数据类型 我们通常会使用typeOf()方法, typeof 2 输出 number typeof null 输出 ...
- js中window.onload 与 jquery中$(document.ready()) 测试
js中window.onload 与 jquery中$(document.ready())区别,验证代码如下(调换js代码和Jquer代码书写顺序测试,运行结果一样,因此与代码书写位置没关系): &l ...
- [转载]如何判断js中的数据类型
原文地址:如何判断js中的数据类型作者:最初的你 如何判断js中的数据类型:typeof.instanceof. constructor. prototype方法比较 如何判断js中的类型呢,先举几个 ...
- js中innerHTML和innerText jQuery中html()和text()的区别
js中innerHTML和innerText的区别 innerHTML innerHTML 会将标签和标签中的内容否获取回来 innerHTML .innerHTML = '<p>&l ...
- js中判断数据类型的方法
JS中判断数据类型的方法: 使用typeof操作符. 对一个值使用 typeof 操作符可能返回下列某个字符串,返回的类型都是字符串形式. (1) undefined:如果这个值未定义 (2) boo ...
- html数据类型判断,JS中判断数据类型的几种方法
1⃣️首先我们来了解一下js中的数据类型 1.基本数据类型:Undefined.Null.Boolean.Number.String(值类型) 2.复杂数据类型:Object(引用类型) (值类型和引 ...
- jquery (js中window.onload与jquery中$(document.ready())的区别)
jquery 学习之一(js中window.onload与jquery中$(document.ready())的区别) 耳听为虚,眼见为实.通过下面的实例可查看两者的异同(注意:aa.jpg最好是一张 ...
- 前端开发:JS中常用数据类型的转换以及使用场景集锦
前言 在前端开发中,关于数据转换也是使用频率非常高的知识点,尤其是常见数据类型之间的相互转换的使用频率就更高了,那么本篇博文就来分享一下关于JS中常用数据类型的转换使用,分享一下,方便后期查阅使用. ...
- 如何理解js中基本数据类型的值不可变
js的数据类型 在讲解我们要说明的问题之前,需要知道js有哪些数据类型.js有两种数据类型:基本数据类型和引用数据类型 基本数据类型:number.string.boolean.undefined.n ...
- js中各种数据类型检测与判定
介绍 在前端开发中,js 有各种各样的数据类型,数据类型检测是每个开发者都必须掌握基础知识.数据类型检测的方法也有很多种,本题将封装一个通用的数据类型检测函数. 准备 本题已经内置了初始代码,打开实验 ...
最新文章
- 美媒全球大学排名:清华超麻理跃居计算机专业第一
- 笔记本电脑可以安装python吗-笔记本怎样安装Python64位的?
- 什么是微调?什么是模型迁移?
- Java实战应用50篇(一)-Java并发编程:volatile关键字解析
- QWidget中加载QML页面并设置透明背景
- Spring容器创建过程
- DIV中class和id的区别
- SD-WAN新价值:中企通信与Fortinet强强联合 安全先行
- Transformer介绍
- 打破10倍速软件工程师神话
- 网络操作系统具有哪些特征?
- AR Camera开发记录(一) -- Rajawali的使用
- 【web-ctf】ctf_BUUCTF_web(2)
- TLAB(Thread Local Allocation Buffer)
- 【Linux学习笔记】Linux命令压缩解压文件
- 微商的微信营销互动方法
- javase(13)_网络编程
- 类变量、成员变量、局部变量介绍说明
- 总结易错点:java格式,标识符与关键字(小白也想学好java)
- 2019年2月被举报钓鱼网站
热门文章
- SQLyog笔记-CURRENT_TIMESTAMP在SQLyog的配置
- Qt文档阅读笔记-ToolBar QML Type
- QML工作笔记-仿前端滑出界面(JavaScript)
- C++工作笔记- C++中的动态类型与动态绑定、虚函数、运行时多态的实现
- struts2在Action中访问Session,管理员删除用户
- RESTful API实现APP订餐实例
- android拍照功能编程,android实现手机App实现拍照功能示例
- python输入的数字为什么不能计算_计算器为什么只能进行个位数的计算,每次只能输入一个数字,求...
- html5和极速模式,浅谈360浏览器6.0版本极速模式与兼容模式_蓝戒的博客
- QByteArray