jquery清除html内容|empty和remove的区别

  作者: thtomatic  分类: JavaScript   评论: [ 0 ] 条  浏览: [ 699 ] 次

先看下html代码:



<div id='my_list'>
    <div>
         <p>这是演示内容</p>
    </div>
</div>



empty方法:


$('#my_list').empty()
用empty方法的话 在html上会保留“
<div id='...

阅读全文>>


用js来解析excel返回json

  作者: thtomatic  分类: JavaScript   评论: [ 0 ] 条  浏览: [ 1108 ] 次

js解析excel返回json

代码中有示例,需要引入jquery

具体下载代码查看



阅读全文>>


div在页面上随意拖动

  作者: thtomatic  分类: JavaScript   评论: [ 0 ] 条  浏览: [ 931 ] 次

Html:

<div  id="barrage">        
         //.......               
 </div>

需要引入jquery

Jquery:

<script type="text/javascript">
    $(function(){
        var cont=...

阅读全文>>


Jquery动态加载Js文件和Css文件

  作者: thtomatic  分类: JavaScript   评论: [ 0 ] 条  浏览: [ 618 ] 次

增加jquery扩展

$.extend({
     includePath: '',
     include: function(file) {
        var files = typeof file == "string" ? [file]:file;
        for (var i = 0; i < files.length; i++) {
 ...

阅读全文>>


Ajax检测用户名是否被占用

  作者: thtomatic  分类: JavaScript   评论: [ 0 ] 条  浏览: [ 1332 ] 次

关键技术:

本实例主要使用了XMLHttpRequest对象的常用方法和属性,具体如下:

1.XMLHttpRequest对象常用方法

(1)open()方法

open()方法用于设置进行异步请求目标的URL、请求方法以及其他参数信息,语法如下


open("method","URL"[,asyncFlag[,"username"[,"password"]]])
...


阅读全文>>


jQuery+Ajax+PHP弹出层异步登录

  作者: thtomatic  分类: JavaScript   评论: [ 0 ] 条  浏览: [ 1163 ] 次

关于弹出层效果,我们继续使用本站helloweba上篇文章中写的弹出层插件-hwLayer。更多的灵活性体现在绑定弹出层上的表单提交按钮事件,然后进行ajax异步交互,最后局部刷新主页面,大家可以先看demo演示。阅读本文,您除了需要具备HTML5、CSS3、jQuery等前端知识外,还需要了解PHP甚至MySQL的相关知识。

HTML

由于本例UI部分使用了Bootstra...

阅读全文>>


PHP+jQuery+Ajax实现用户登录与退出

  作者: thtomatic  分类: JavaScript   评论: [ 0 ] 条  浏览: [ 954 ] 次

户登录与退出功能应用在很多地方,而在有些项目中,我们需要使用Ajax方式进行登录,登录成功后只刷新页面局部,从而提升了用户体验度。本文将使用PHP和jQuery来实现登录和退出功能

准备数据库

本例我们使用Mysql数据库,创建一张user表,表结构如下:

CREATE TABLE `user` ( 
  `id` int(11) NOT NULL auto_increment, 
  `u...

阅读全文>>


Ajax表单提交插件jquery form

  作者: thtomatic  分类: JavaScript   评论: [ 0 ] 条  浏览: [ 933 ] 次

HTML

首先我们载入jquery库和jquery.form.js插件。jquery.form.js插件的官网地址:http://www.malsup.com/jquery/form/


<script type="text/javascript" src="jquery.js"></script> 
<script type="text/jav...

阅读全文>>


【JQuery】day03

  作者: thtomatic  分类: JavaScript   评论: [ 0 ] 条  浏览: [ 905 ] 次

四、工具函数

$.grep(array,function(value,key))

功能:数组的元素进行过滤

参数:array要进行过滤的数组

value:数组的元素

key:数组的下标

返回:过滤后的数组

演示:


<html>
<head>
<title></title>
<...

阅读全文>>


【JQuery】day02

  作者: thtomatic  分类: JavaScript   评论: [ 0 ] 条  浏览: [ 853 ] 次

JQuery
一、JQuery事件处理
    click、dblclick、mouserover、mouseout、keypress、keydown、keyup、load、unload、submit、focus、blur、change。
    1、事件绑定
       $(selector).bind(t...

阅读全文>>


    28.50ms