jQuery基础,定时器,工厂函数

这个星期刚刚学的JQuery,下面我来说说我学的这几个例子

jQuery是JavaScript的一个程序库。

Jquery的工厂函数$():

在Jquery中 $符号等价于jquery,作用是将DOM对象转化为Jquery对象。

下面我来写几个定时器的案列

定时函数:setTimeout()用于在指定的毫秒后调用函数或者计算表达式

语法:setTimeout(“调用的函数名称”,等待的毫秒数)

下面我来使用这个函数实现3秒后弹出对话框

<script type="text/javascript">
function timer(){
var t=setTimeout("alert(‘3 seconds‘)",3000);
}

</script>

上面这几行代码就能实现让一个消息框3秒钟后弹出。

我在写一个上课写的一个练习

 <title>时钟</title>
<script type="text/javascript">
function clock_12h(){
var today=new Date; //获取当前时间
var year=today.getFullyear();
var month=today.getMonth() +1;
var date=today.getDate();
var hour=today.getHours();
var minute=today.getMinutes();
var second=today.getSeconds();

var apm="AM"//默认显示上午
if(hour>12){  //12小时显示
hour=hour-12;
apm="PM";
}
var weekday=0;
switch(today.getday()){
case 0:
 weekday = "星期日";
break;
 case 1:
                    weekday = "星期一";
                    break;
                case 2:
                    weekday = "星期二";
                    break;
                case 3:
                    weekday = "星期三";
                    break;
                case 4:
                    weekday = "星期四";
                    break;
                case 5:
                    weekday = "星期五";
                    break;
                case 6:
                    weekday = "星期六";
                    break;
}
document.getElementById("myclock").innerHTML=“<h2>你好</h2> + year + "年" + month + "月" + date + "日&nbsp;" + hour + ":" + minute + ":" + second + "&nbsp;" + apm + "&nbsp;" + weekday ;”
   setInterval("clock_12h()", 1000);

}

</script>

<body onload="clock_12h()">
    <div id="myclock"></div>

</body>
时间: 2024-08-12 11:31:36

jQuery基础,定时器,工厂函数的相关文章

jQuery分析(2) - $工厂函数分析

jQuery分析(2) - $工厂函数分析 前言 从这节进入jQuery的世界,首先从jQuery的入口函数开始了解jQuery()或$是如何运作的,这里我给出了一个最小的例子来分析. 回忆 在进入分析代码前我们回想下jQuery的使用方法有哪些呢? selector,[context] selector:用来查找的字符串 context:作为待查找的 DOM 元素集.文档或 jQuery 对象. element 一个用于封装成jQuery对象的DOM元素 object 一个用于封装成jQuer

JQuery基础及css和属性操作 其他函数

JQuery语法 使用JQuery必须先导入jquery-X.X.X.js文件 jQuery中的选择器       $("选择器名称").函数名(); 注意     $ 是jQuery的缩写,也就是说,选择器可以使用jQuery(":input") jQuery   文档就绪函数 $(document).ready(function(){ //jQuery代码 console.log($(":input:disabled")), }); 简写文档

jQuery基础之(三)jQuery功能函数前缀及与window.onload冲突

1.jQuery功能函数前缀 在javascript中,开发者通常会编写一些小函数来处理各种操作细节,例如在用户提交表单时,要将文本框最前端和最末端的空格内容清理掉.而javascript中没有类似trim()功能,在师院jQuery后,便可以使用trim()函数. trim()函数是jQuery对象的一个方法,使用以下例子 <script type="text/javascript"> var sString = " 1234567890"; sStr

jQuery基础(动画篇 animate,显示隐藏,淡入淡出,下拉切换)

1.jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性.但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果   $elem.hide() 提供参数: .hide( options ) 当提供hide方法一个参数时,.hide()就会成为一个动画方法..hide()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作

jQuery 基础知识点梳理

DOM对象:直接使用JavaScript获取的节点对象: var objDOM = document.getElementById("title"); var objHTML=objDOM.innerHTML; jQuery对象:使用jQuery包装DOM对象后产生的对象,它能够使用jQuery中的方法: $("#title").html(); 等同于 document.getElementById("title").innerHTML; DOM

Jquery基础教程第二版学习记录

本文仅为个人jquery基础的学习,简单的记录以备忘. 在线手册:http://www.php100.com/manual/jquery/第一章:jquery入门基础jquery知识:jquery能做什么:为什么需要jquery. 第二章:选择符工厂函数$()css选择符属性选择符自定义选择符DOM遍历方法 第三章:事件jQuery.noConflict([extreme]):运行这个函数将变量$的控制权让渡给第一个实现它的那个库.常用方法:(包括键盘,鼠标事件)blur([[data],fn]

JQuery基础

什么是jQuery? JQuery是一个JavaScript函数库,主要包含以下功能: 1.HTML元素提取.操作 2.CSS操作 3.HTML事件操作 4.JavaScript特效和动画 5.HTNL DOM便利和修改 6.AJAX 7.Utillties JQuery语法: 基础语法:$(selector).action 1.美元符号定义jQuery 2.选择符(selector)'查询'和'查找'HTML元素 3.jQuery的action()执行对元素的操作 实例: $(this).hi

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

Jquery基础之DOM操作

 一.jQuery对象与Dom对象的区别 一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象.所以一些新手就很迷惑,为什么${”#Element”}不能直接innerHTML,这就是原因所在,解决方式请看下文. jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有