Welcome 微信登录

首页 / 脚本样式 / JavaScript

jquery 使用简明教程

jquery 使用简明教程

一、选择网页元素jQuery的基本设计和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他函数库的根本特点。使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。选择表达式可以是CSS选择器:复制代码 代码如下:$(document)//选择整个文档对象$("#myId")//选择ID为myId的网页元素 $("div.myClass")//选择class为myClass...
JS和函数式语言的三特性

JS和函数式语言的三特性

首先要有一个概念:并不是一个语言支持函数,这个语言就可以叫做“函数式语言”。函数式语言中的函数(function),除了能被调用之外,还具有一些其他性质。有以下三点:1. 函数是运算元2. 在函数内保存数据3. 函数内的运算对函数外无副作用一、函数是运算元普通的函数调用时,可以抽象的理解为:函数就是一个运算符,传入的参数是运算元;但当JavaScript中的函数作为另一个函数的参数使用时,是传递引用的,这个“传入参数”就可以被理解为是一个运算元。由此的结论...
jQuery DOM操作实例

jQuery DOM操作实例

都来加深印象吧,大家都知道jQuery很好使用,因为它简化了javascript代码,更重要的是它还兼容基本上所有的浏览器,网页开发最头疼的就是这个了,所以jQuery也因此深受码农的喜爱,不过首先你得要记住它才能更好的使用它不是吗,过久了没用的属性方法也会淡忘的,下面是jQuery的DOM操作方法属性的详解,看看加深下印象。例子虽丑功能还俱全呢!复制代码 代码如下:<!DOCTYPE html><html xmlns="http://w...
js和css写一个可以自动隐藏的悬浮框

js和css写一个可以自动隐藏的悬浮框

今天写一个小实例,用js和css写一个可以自动隐藏的悬浮框。css肯定是用来控制样式的,js用来控制器显示与隐藏的。显示与隐藏通常有两种方法实现:1,用js控制其显示属性;2,用js控制其大小。 今天要说的就是通过控制其大小来实现元素的显隐,原理:为其注册鼠标移入、移出的事件,当鼠标移出对象范围,将其宽度设为1,当鼠标再次移入该对象,将其宽度还原。很简单,我们一起看看吧! 隐藏状态: 左边那一条窄线就是隐藏以后的悬浮框。 显示状态: 当鼠标滑到左边的悬浮框...
对于Form表单reset方法的新认识

对于Form表单reset方法的新认识

HTML中Form表单的reset方法被用来清空用户所输入的内容,以前一直误以为其是单纯的将input等输入项中的值清空。 但实际上不是这样的,reset方法的本质是将input等输入项中的内容还原为属性value中的值,而不是“”空值。 w3c上是这样说的: 在 HTML 表单中 <input type="reset"> 标签每出现一次,一个 Reset 对象就会被创建。 当重置按钮被点击,包含它的表单中所有输入元素的值都重置为它们的默认值。...
JavaScript 实现简单的倒计时弹窗DEMO附图

JavaScript 实现简单的倒计时弹窗DEMO附图

最近做一个简单的设置网页,因为需要重启设备功能,于是就想在上面加一个倒计时弹窗的界面。 刚开始的想法是自定义一个alert弹窗,但很快就发现,alert会一直停在那里等待点击确认,而不是我想要的那种自动连续显示的效果。 后来,才想到直接显示和隐藏DIV制作成的弹窗,就可以实现了。基于这个思路,于是有了下面的: 先看效果图: 再看源代码: 复制代码 代码如下: <!------------------ 重启操作 准备弹窗 ---------------...
JSON中双引号的轮回使用过程中一定要小心

JSON中双引号的轮回使用过程中一定要小心

1. 如果JSON对象中有属性是包含双引号的,比如 复制代码 代码如下: { "description": "25"" } 如果转换成字符串形式,将自动加上反斜线,变为"25"", 然后传递给REST API,保存到MongoDB中。 此时如果使用MongoDB的shell显示该数据,为"25"", 正确。 2. 但是如果用C++ driver读取这个值是,则得到"25"", 因此如果将它直接返回到浏览器端,用jQuery.parseJSON()来解析就...
js写的方法实现上传图片之后查看大图

js写的方法实现上传图片之后查看大图

将图片查询出来之后,还需要加一个查看大图的功能,于是就用js写了一个方法,然后在image的onmouseover事件中调用此方法,这样在鼠标悬浮在小图上面的时候,其大图就会自动的显示出来。 显示大图和隐藏大图的js代码: 复制代码 代码如下: <script type="text/javascript"> //显示图片 function over(imgid,obj,imgbig) { //大图显示的最大尺寸 4比3的大小 400 300 m...
用JS在浏览器中创建下载文件

用JS在浏览器中创建下载文件

但受限于浏览器,很多情况下我们都只能给出个链接,让用户点击打开-》另存为。如下面这个链接:复制代码 代码如下:<a href=”file.js”>file.js</a>用户点击这个链接的时候,浏览器会打开并显示链接指向的文件内容,显然,这并没有实现我们的需求。HTML5中给a标签增加了一个download属性,只要有这个属性,点击这个链接时浏览器就不在打开链接指向的文件,而是改为下载(目前只有chrome、firefox和opera...
<< 821 822 823 824 825 826 827 828 829 830 >>