一、所有数据类型的常量都看作对象。
(一)、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实战附录》)相关推荐

  1. 判断js中的数据类型的方法

    在 判断js中的数据类型 我们通常会使用typeOf()方法,        typeof   2         输出   number       typeof   null       输出   ...

  2. js中window.onload 与 jquery中$(document.ready()) 测试

    js中window.onload 与 jquery中$(document.ready())区别,验证代码如下(调换js代码和Jquer代码书写顺序测试,运行结果一样,因此与代码书写位置没关系): &l ...

  3. [转载]如何判断js中的数据类型

    原文地址:如何判断js中的数据类型作者:最初的你 如何判断js中的数据类型:typeof.instanceof. constructor. prototype方法比较 如何判断js中的类型呢,先举几个 ...

  4. js中innerHTML和innerText jQuery中html()和text()的区别

    js中innerHTML和innerText的区别 innerHTML innerHTML  会将标签和标签中的内容否获取回来 innerHTML  .innerHTML = '<p>&l ...

  5. js中判断数据类型的方法

    JS中判断数据类型的方法: 使用typeof操作符. 对一个值使用 typeof 操作符可能返回下列某个字符串,返回的类型都是字符串形式. (1) undefined:如果这个值未定义 (2) boo ...

  6. html数据类型判断,JS中判断数据类型的几种方法

    1⃣️首先我们来了解一下js中的数据类型 1.基本数据类型:Undefined.Null.Boolean.Number.String(值类型) 2.复杂数据类型:Object(引用类型) (值类型和引 ...

  7. jquery (js中window.onload与jquery中$(document.ready())的区别)

    jquery 学习之一(js中window.onload与jquery中$(document.ready())的区别) 耳听为虚,眼见为实.通过下面的实例可查看两者的异同(注意:aa.jpg最好是一张 ...

  8. 前端开发:JS中常用数据类型的转换以及使用场景集锦

    前言 在前端开发中,关于数据转换也是使用频率非常高的知识点,尤其是常见数据类型之间的相互转换的使用频率就更高了,那么本篇博文就来分享一下关于JS中常用数据类型的转换使用,分享一下,方便后期查阅使用. ...

  9. 如何理解js中基本数据类型的值不可变

    js的数据类型 在讲解我们要说明的问题之前,需要知道js有哪些数据类型.js有两种数据类型:基本数据类型和引用数据类型 基本数据类型:number.string.boolean.undefined.n ...

  10. js中各种数据类型检测与判定

    介绍 在前端开发中,js 有各种各样的数据类型,数据类型检测是每个开发者都必须掌握基础知识.数据类型检测的方法也有很多种,本题将封装一个通用的数据类型检测函数. 准备 本题已经内置了初始代码,打开实验 ...

最新文章

  1. 美媒全球大学排名:清华超麻理跃居计算机专业第一
  2. 笔记本电脑可以安装python吗-笔记本怎样安装Python64位的?
  3. 什么是微调?什么是模型迁移?
  4. Java实战应用50篇(一)-Java并发编程:volatile关键字解析
  5. QWidget中加载QML页面并设置透明背景
  6. Spring容器创建过程
  7. DIV中class和id的区别
  8. SD-WAN新价值:中企通信与Fortinet强强联合 安全先行
  9. Transformer介绍
  10. 打破10倍速软件工程师神话
  11. 网络操作系统具有哪些特征?
  12. AR Camera开发记录(一) -- Rajawali的使用
  13. 【web-ctf】ctf_BUUCTF_web(2)
  14. TLAB(Thread Local Allocation Buffer)
  15. 【Linux学习笔记】Linux命令压缩解压文件
  16. 微商的微信营销互动方法
  17. javase(13)_网络编程
  18. 类变量、成员变量、局部变量介绍说明
  19. 总结易错点:java格式,标识符与关键字(小白也想学好java)
  20. 2019年2月被举报钓鱼网站

热门文章

  1. SQLyog笔记-CURRENT_TIMESTAMP在SQLyog的配置
  2. Qt文档阅读笔记-ToolBar QML Type
  3. QML工作笔记-仿前端滑出界面(JavaScript)
  4. C++工作笔记- C++中的动态类型与动态绑定、虚函数、运行时多态的实现
  5. struts2在Action中访问Session,管理员删除用户
  6. RESTful API实现APP订餐实例
  7. android拍照功能编程,android实现手机App实现拍照功能示例
  8. python输入的数字为什么不能计算_计算器为什么只能进行个位数的计算,每次只能输入一个数字,求...
  9. html5和极速模式,浅谈360浏览器6.0版本极速模式与兼容模式_蓝戒的博客
  10. QByteArray