初探jquery——表单应用范例

2016-02-19 10:39 3 1 收藏

人生本是一个不断学习的过程，在这个过程中，图老师就是你们的好帮手，下面分享的初探jquery——表单应用范例懂设计的网友们快点来了解吧！

【 tulaoshi.com - Web开发】

说来满惭愧的，到今天才接触到jquery，实在是有点晚，不过既然接触到了这么好的东东，就一定要好好挖掘一下。
先来共享几个jquery的资源站
Plugins - jQuery JavaScript Library（这里有不少的jquery插件）
http://jquery.com/这儿就是jquery的老家了
Visual jQuery 1.0 (Automated)jquery的说明文档
15 Days Of jQuery15天学会jquery（其实不用这么长时间）

之前Realazy写过一篇jquery上手教程 http://realazy.org/blog/2006/08/31/small-jquery-tutorial/
我也是受这篇文章启发，做了下面这么一个demo（模仿淘宝）

浏览地址：http://www.healdream.com/upload/html/jquery/form_jquery.html

其实js部分不怎么复杂，倒是在用div+css布局时费了不少事，看一下源文件就知道我是怎么做的了

来源:https://www.tulaoshi.com/n/20160219/1595376.html

上一篇： Ajax使用杂谈也许也是乱弹
下一篇： SQL Server 2008中的代码安全（二） DDL触发器与登录触发器

看过《初探jquery——表单应用范例》的人还看了以下文章更多>>

jquery $.ajax入门应用二

标签： Web开发

前台代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head title无标题页/title style type="text/css" .show{ display:block;} .hide{ display:none;} /style script type="text/javascript" s...

jquery $.ajax入门应用一

标签： Web开发

前台代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head title无标题页/title script type="text/javascript" src="jquery/jquery.js"/script script type="text/javascript" //这个方法把aja...

JQuery教程:获取网页表单值的方法

标签： Web开发

获取一组radio被选中项的值 var item = $(’input[@name=items][@checked]‘).val(); 获取select被选中项的文本 var item = $(select[@name=items] option[@selected]).text(); select下拉框的第二个元素为当前选中值 $(’#select_id’)[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $(’input[@na...

C#正则表达式应用范例

标签：编程语言网络编程

The following example shows the use of Regular Expresssions in C#.This program has basic validation scripts for validation easily useable in all programs. /* HowToCompile csc /r:System.Text.RegularExpressions.dll,System.dll Validation.cs /HowToComplie */ using System.Text.RegularExpressions; using System; class...

js常见表单应用技巧

标签： Web开发

显示框架内的指定位置 div style='width:300px;height:300px;'iframe src='http://163.com' style='margin:-100px;width:100%;height:100%'/iframe/div 改变文本框的属性（确定按钮） form id="form1" name="form1" method="post" action="" input name="text" type="text"&nbs...

查看更多精彩>>