jQuery常用的功能

一、目录:



1.ready(function(){})方法的使用

2.require最常用的方法:

3.display:none

4.visible:hidden

5.修改span的字体的颜色

6.window对象中self、 top 的区别

7.blur事件的使用

二.、内容:

1. ready(function(){})

```$(document).ready(function(){

// 当网页加载完成后执行这里的代码块

});```

2.require('http') 内置模块

```

require('./server')  “./”表示当前路径,后面跟的是相对路径

require("../lib/server") ../表示上一级目录,后面跟的也是相对路径

对js中的 require('./jquery.gritter.js')($);的解释如下:

require是必须校验

./jquery.gritter.js是参数,表示一个js。

($)表示追加当前对象到调用处

```

3.display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。

4.visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。

5.span标签:无语义行内元素。

在段内定义与该段样式不同的内容的样式。

同时满足以下条件的内容你可以使用span标签:

1、行内元素(inline)

2、无语义

3、你需要给他添加特定样式或做js钩子的时候

标准属性有:id, class, title, style, dir, lang, xml:lang

事件属性有:onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

如:

这是一段话,段落里有一些特殊的需要标记的内容,如红色。

这是一个箭头:.。可以通过定义该class使其显示为一个箭头。

你还可以输入140 个字。J_zishu用作js钩子

链接:https://www.zhihu.com/question/20083052/answer/13916461

```

实例一(完成代码):

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

/* 修改span的字体的颜色 */

span{  color:red;

}

.hfont{

border-color:green;

font-weight:900;

}```

实例二:

实例三:

在span中加style属性:让字体加粗变黑

6.window窗口对象中的属性self,top.

1)self:当前窗口对象(如果是在iframe里,则为该框架的窗口对象)

2)、top:父窗口对象

3)、window:典型情况下,浏览器会为每一个打开的html创建对应的window对象,如果这 个文档包含了多个框架,则浏览器会为原始文档建立一个window对象,再为每个框架创建额外的window对象。可以再当前窗口中直接使用window 的全部属性、方法和集合,即不需要在前面附加计算结果为当前window对象的表达式。虽然window可以省略,但是为了方便阅读以及避免一些漏洞,一 般都使用这个关键字。

4)、location:该对象包含当前url信息,拥有多个属性。默认属性为 location.href,表示整个url,即如果设置location="http://www.ddd.cn",则等同于location.href="http://www.ddd.cn".

如果test.html被加入iframe,则跳转到百度页面。

top.location.href:为引用test.html页面url的父窗口对象的url

self.location.href:为引用test.html页面url的子窗口对象url

self.location 指的是当前页面的location

top.location是指当前页面所属的父页面的location

top.location !== self.location

7.blur事件的使用

$("#customerId").blur(function(){

var customerId = $("#customerId").val();

- //判断客户id是否为空串

if($('#customerId').val() == "") {

$("#customerIdspan").text("");

$('#customerIdSpan').html("客户id不能为空!");

$('#customerId').focus()

}else{

//如果不为空串,根据客户id,发送ajax查询客户信息

$.ajax({

url: "/json/query_customer.htm",

data: {"customerId":customerId},

type: 'get',

dataType: 'json',

success: function(jsonObject) {

if(jsonObject.success){

$("#customerIdSpan").text("");

$("#customerIdspan").text("");

var customerId = jsonObject.data.customerId

var customerName=jsonObject.data.customerName

var customerBizCategory=jsonObject.data.customerBizCategory

//把查询的数据回现到,

$("#customerId").val(customerId);

$("#customerIdspan").text(customerName);

}else{

$("#customerIdspan").text("");

$("#customerIdSpan").text("未匹配到客户");

}

},

});

}

});

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏北京马哥教育

shell脚本编程之终端打印

echo是用于终端打印的操作。默认情况下,echo在每次调用后添加一个换行符。 下面三条命令输出一样 html] view plain copy echo "...

2836
来自专栏码洞

会玩Go!会玩Python!嘭!Go-Python!

Golang是静态语言,性能很好,当它不那么灵活,不好在运行时动态运行代码。Python是动态语言,非常灵活,但是性能很差。古人云:“鱼和熊掌不能兼得”。但是如...

1991
来自专栏静晴轩

你所不知道的setTimeout

JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列...

43512
来自专栏python爬虫实战之路

python操作Excel,你觉得哪个库更好呢?

每一个Excel数据文件从上至下分为三个层级的对象: workbook: 每一个Excel文件就是一个workbook。 sheet: 每一个workbook中...

3.2K3
来自专栏游戏杂谈

IE中的内存泄露

Memory Leakage in Internet Explorer – revisited

1574
来自专栏软件开发

一个小时学会jQuery

前一段时间录了一套关于jQuery的视频分享给大家,可以在下载区下载到,本来想配合文字一起的,后面发现视频+帮助文档也是非常好的学习方法。 一、jQuery简介...

2497
来自专栏阮一峰的网络日志

CSS Modules 用法教程

学过网页开发就会知道,CSS 不能算编程语言,只是网页样式的一种描述方法。 为了让 CSS 也能适用软件工程方法,程序员想了各种办法,让它变得像一门编程语言。从...

2755
来自专栏前端布道

JavaScript实现简单的双向数据绑定

双向数据绑定简单来说就是UI视图(View)与数据(Model)相互绑定在一起,当数据改变之后相应的UI视图也同步改变。反之,当UI视图改变之后相应的数据也同步...

823
来自专栏梦魇小栈

面试分享:2018阿里巴巴前端面试总结(题目+答案)

最开始的思路是用定时器实现,最后没有想的太完整,面试官给出的答案是用requestAnimationFrame。

1023
来自专栏iKcamp

React 深入系列3:Props 和 State

文:徐超,《React进阶之路》作者 授权发布,转载请注明作者及出处 ---- React 深入系列3:Props 和 State React 深...

3736

扫码关注云+社区