JavaScript资料,JavaScript文章,JavaScript文档-易库教程

A标签中通过href和onclick传递的this对象实现思路

2017年02月06日 18 阅读

在blog的后台管理中允许为一个分类添加一个地址，但是不好添加onclick事件。想传递当前对象给一个函数，于是就将这个URL写成"Javascript:shoControlSidebar（this）"，可是结果发现这并不可行，传递过去的参数是一个对象，但是却得不到任何其他信息。我想得到的是innerText，而这个this并非指向它所在的A标签。这是<a href="Javascript:shoControlSidebar（this）">和...

对jQuery的事件绑定的一些思考（补充）

2017年02月06日 19 阅读

首先我们看下面的一个很常见的事件绑定代码：复制代码代码如下: //example $（"#dom"）.click（function（e）{ //do something }）; $（"#dom2"）.click（function（e）{ //do something }）; 这段代码在事件绑定处理上有一些缺陷：过多的事件绑定会损耗内存后期生成HTML会没有事件绑定，需要重新绑定语法过于繁杂解决方案对于1、2两点的解决方案，我们首先先了解一下...

放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解

2017年02月06日 21 阅读

在Ajax横道的今天，我们在页面交互上有了更高的要求，动态生成HTML毫无疑问是其中的一种。动态生成HTML的方式多种多样，其核心不外乎在前段（JS）或者后端（C#/PHP…）将数据组装成我们想要的模版，最终通过一定的方法输出给用户（innerHTML、documentWrite等方式）。缺点 1）拼接字符串的过程容易出错，常常忘了"/”>等匹配的符号。 2）修改前台模版的同时容易遗忘同步更改动态生成的模版。 3）拼接字符串不直观和美观，不利于查找...

用表格输出1-1000之间的数字实现代码（附特效）

2017年02月06日 16 阅读

复制代码代码如下: <html> <head> <title> </title> <script> var cc= null; function show（obj） { cc=obj.style.backgroundColor; obj.style.backgroundColor="Red"; } function disshow（obj） { obj.style.backgroundColor...

Jquery submit（）无法提交问题

2017年02月06日 20 阅读

复制代码代码如下: <form action="register.php" method="post"> <div class="loginform_row"> <label>用户名:</label> <input type="text" class="loginform_input" id="name" name="name" /><div id="nameerror"></...

JQuery操作Select的Options的Bug（IE8兼容性视图模式）

2017年02月06日 19 阅读

Bug现场：通过开发人员工具查看，下拉列表框是有Options的，但你点击选择的时候却什么也不显示。重现步骤：该问题发生在级联下拉框的情况，第一个列表改变，第二个列表的值跟着改变！本例中使用以下方法绑定数据：复制代码代码如下: //绑定下拉框 //ctnSelector:下拉框ID，带#号, //jsonData:JSON数据, //txtField:文本字段名称, //valField:值字段名称, //strOptions:默认填加的项 f...

jQuery登陆判断简单实现代码

2017年02月06日 19 阅读

复制代码代码如下: <script src="jquery-1.9.1.js"></script> <script type="text/javascript"> $（"#txtUserName"）.focus（function （） { $（"#txtUserName"）.val（""）; }） $（"#txtPassWord"）.focus（function （） { $（"#txtPassWord"）.val（"...

jQuery弹出（alert）select选择的值

2017年02月06日 20 阅读

复制代码代码如下: <script src="jquery-1.9.1.js"></script> <script type="text/javascript"> $（function （） { $（"#btn"）.click（function （） { alert（$（"#s option:selected"）.val（））; }） }） </script> </head> <body&...

jquery 动态创建元素的方式介绍及应用

2017年02月06日 18 阅读

一般动态创建元素可以通过两种方式 1、Dom HTml 复制代码代码如下: var select = document.createElement（"select"）; select.options[0] = new Option（"加载项1", "value1"）; select.options[1] = new Option（"加载项2", "value2"）; select.size = "2"; testDiv.appendChild（selec...

jquery 元素控制（追加元素/追加内容）介绍及应用

2017年02月06日 17 阅读

一、在元素内部/外部追加元素 append,prepend:添加到子元素 before，after：作为兄弟元素添加 html：复制代码代码如下: <div id="content"> <p>在我的后面追加一条新闻</p> </div> Javascript: 复制代码代码如下: <script type="text/javascript"> jQuery（function（）{ //在元...

jQuery模拟超链接点击效果代码

2017年02月06日 19 阅读

复制代码代码如下: <style type="text/css"> .divFrame { width:260px;border:1px solid #666;font-size:10pt; } .divTitle { background-color:#eee;padding:5px; } .divContent { padding:5px;display:none; } .divCurrColor { background-color:r...

jQuery隔行变色与普通JS写法的对比

2017年02月06日 16 阅读

复制代码代码如下: <style type="text/css"> body { font-size:12px;text-align:center; } #tbStu { width:260px;border:1px solid #666;background-color:#eee; } #tbStu tr { line-height:23px; } #tbStu tr th { background-color:#ccc;color:#ff...

jQuery获取注册信息并提示实现代码

2017年02月06日 20 阅读

复制代码代码如下: <script type="text/javascript"> $（function （） { $（"#btnSubmit"）.click（function （） { var txtName = $（"#txtName"）.val（）; var gender = $（"#gender"）.is（":checked"）？ "男" : "女"; var isMarry = $（"#isMarry"）.is（":checked...

jquery获取焦点和失去焦点事件代码

2017年02月06日 19 阅读

input失去焦点和获得焦点鼠标在搜索框中点击的时候里面的文字就消失了。我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件，因为懒，每次都去写非常的烦，于是就一劳永逸，遇到类似情况就来调用一下就OK 了相关js代码: 复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" cont...

js和jquery对dom节点的操作（创建/追加）

2017年02月06日 19 阅读

复制代码代码如下: <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $（function （） { $（"#Button1"）.click（function （） { // var ha = "<p>a</p>"; // $（"div"）.append（h...

jquery获取自定义属性（attr和prop）实例介绍

2017年02月06日 18 阅读

$（"form"）.attr（"check"）; $（"form"）.prop（"check"）; 两种都可以，不过新版jquery推荐第二种，两个在其他方面都差不多，我发现的唯一不同就是在checkbox上的时候，需要用prop，不然IE浏览器会不兼容复制代码代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>&l...

JavaScript对象和字串之间的转换实例探讨

2017年02月06日 17 阅读

JavaScript 对象定义方式 1. var obj = new Object（）复制代码代码如下: <！--Add by oscar999--> <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META ...

文字不间断滚动（上下左右）实例代码

2017年02月06日 19 阅读

向上复制代码代码如下:<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>连续向上滚动</title><style type="te...

网页整体变灰白色（兼容各浏览器）实例

2017年02月06日 16 阅读

复制代码代码如下:html{ filter: grayscale（100%）;-webkit-filter: grayscale（100%）;-moz-filter: grayscale（100%）;-ms-filter: grayscale（100%）;-o-filter: grayscale（100%）;filter: url（"data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000...

『jQuery』取指定url格式及分割函数应用

2017年02月06日 16 阅读

复制代码代码如下: var arr=location.href.split（"/"）.pop（）.split（"."）; alert（arr[0]）; //Parent alert（arr[1]）; //Child ...

首页 / 脚本样式 / JavaScript

A标签中通过href和onclick传递的this对象实现思路

对jQuery的事件绑定的一些思考（补充）

放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解

用表格输出1-1000之间的数字实现代码（附特效）

Jquery submit（）无法提交问题

JQuery操作Select的Options的Bug（IE8兼容性视图模式）

jQuery登陆判断简单实现代码

jQuery弹出（alert）select选择的值

jquery 动态创建元素的方式介绍及应用

jquery 元素控制（追加元素/追加内容）介绍及应用

jQuery模拟超链接点击效果代码

jQuery隔行变色与普通JS写法的对比

jQuery获取注册信息并提示实现代码

jquery获取焦点和失去焦点事件代码

js和jquery对dom节点的操作（创建/追加）

jquery获取自定义属性（attr和prop）实例介绍

JavaScript对象和字串之间的转换实例探讨

文字不间断滚动（上下左右）实例代码

网页整体变灰白色（兼容各浏览器）实例

『jQuery』取指定url格式及分割函数应用