荒--
这个作者很懒,什么都没留下…
展开
-
jQuery后绑定事件注意事项
注意:无论是JS还是jQuery在后绑定是事件时,都必须在页面加载完以后JS:window.onload=function(){}jQuery:$(function(){})相同点:都表示页面加载后执行的代码不同点:window.onload=function(){}若写多次,后者会覆盖前者,只有一个会生效,$(function(){})若写多次,都有效,在JS中调用多个js文件,原创 2017-04-28 22:44:18 · 1298 阅读 · 0 评论 -
jquery 关于event.target使用的几点说明介绍
event.target说明:引发事件的DOM元素。this和event.target的区别js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;this和event.target的相同点this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(转载 2017-07-18 00:19:56 · 4577 阅读 · 0 评论 -
jQuery 数据 - jQuery.data() 方法
向元素附加数据,然后取回该数据:$("#btn1").click(function(){ $("div").data("greeting", "Hello World");});$("#btn2").click(function(){ alert($("div").data("greeting"));});原创 2017-07-27 16:34:56 · 661 阅读 · 0 评论 -
浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式
前言 因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on的区别,以便以后查阅,也希望该文章日后能帮助到园友,文中如有不当之处,还望各位指正,话不多说,直接进入正题。bind()简要描述 bind()向匹配元素添加一个或多个事件处理器。使用方式转载 2017-07-28 16:43:49 · 191 阅读 · 0 评论 -
jQuery绑定事件的四种方式介绍
jQuery中提供了四种事件监听方式,分别是bind、live、delegate、on,对应的解除监听的函数分别是unbind、die、undelegate、off。下面通过本文逐一给大家详细介绍,感兴趣的朋友一起看看吧==============================================================jQuery提供了多种绑定事件的方式,每转载 2017-07-28 16:44:59 · 459 阅读 · 0 评论 -
AUI 2.0.0 API
jQuery - YUI - AlloyUI Rosetta StoneGetting StartedCommon IdiomsEventsSelectorsAnimations & EffectsArray vs. NodeListAjaxCSSLanguage UtilitiesCreditsHow to ContributeGetting Startedj转载 2017-10-10 08:59:38 · 2186 阅读 · 0 评论 -
利用一个portlet:resourceURL标签发送AJAX请求
Portlet页面:package com.demo.ajax;import java.io.IOException;import java.io.PrintWriter;import javax.portlet.PortletException;import javax.portlet.ResourceRequest;import javax.portlet.ResourceR原创 2017-10-11 00:08:05 · 605 阅读 · 0 评论 -
利用多个portlet:resourceURL标签发送AJAX请求
Portlet页面package com.demo.ajax;import java.io.IOException;import java.io.PrintWriter;import javax.portlet.PortletException;import javax.portlet.ResourceRequest;import javax.portlet.ResourceRe原创 2017-10-11 00:00:37 · 758 阅读 · 0 评论 -
联动菜单的设置--jQuery
jsp页面:<% String basePath = renderRequest.getContextPath();%> 联动菜单 /js/jquery-1.11.1.js"> //事先预置好每个省所对应的市 //0-无 1-山东 2-浙江 3-江苏 var cit原创 2017-11-11 22:15:35 · 294 阅读 · 0 评论 -
jQuery.isEmptyObject() 函数详解
jQuery.isEmptyObject()函数用于判断指定参数是否是一个空对象。所谓"空对象",即不包括任何可枚举(自定义)的属性。简而言之,就是该对象没有属性可以通过for...in迭代。该函数属于全局jQuery对象。语法jQuery 1.4 新增该静态函数。jQuery.isEmptyObject( object )参数参数描述object任意类型需要进行判断的任意值。注意:该参数应该始终...原创 2018-03-16 15:54:51 · 718 阅读 · 0 评论 -
title遇到空格显示不全
具体原因是缺少双引号" "写法如下:var tr = "<tr>"+"<td class='hiddenContent' title=\""+arr[0]+"\">" + arr[0] + "</td>"+ //贷出单位"<td class='hiddenContent' t原创 2018-05-24 11:21:44 · 1814 阅读 · 0 评论 -
同一个页面引入多个版本jQuery实现共存
一、问题背景1、一个老项目,需要调整部分前端功能,由于之前的jQuery版本太低,需要升级jQuery的版本。 问题来了,直接升级到高版本的jQuery , 之前的功能不能使用了。 (不知道为何jQuery高版本不兼容低版本的)2、需求就是: 同一个页面需要多个不同版本的jQuery共存,在不同的方法里,使用不同的jQuery对象进行操作。二、代码尝试1、在html页面,引入两个不...转载 2019-07-15 10:45:19 · 5573 阅读 · 0 评论 -
table中tr背景色高亮显示动态设置
选中其中一列的复选框时,该复选框所在行的背景色高亮显示(黄色)。取消选中复选框时,所在行的背景色恢复。界面显示效果如图-1所示员工信息 div{ width:70%; padding:10px; margin:10px auto; border:5px solid #CCC; } h2{ text-align:center;原创 2017-04-27 21:54:11 · 9297 阅读 · 1 评论 -
jQuery中attr和prop的区别
jquery设置checkbox为checked状态不改变的解决办法2014年12月05日 | jQuery | 浏览: 11,221使用jQuery设置checkbox为选择状态时,我们通常会使用123$(this).attr("checked", true);//或者$(this).attr("checked", check原创 2017-04-27 21:25:02 · 337 阅读 · 0 评论 -
jQuery阻止事件冒泡
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jQuery case-2</title><style type="text/css"> #d1{ width:300px; height:300px; backg...原创 2017-04-29 20:37:01 · 227 阅读 · 0 评论 -
hover与toggle合成事件
hover与toggle合成事件 $(function(){ //获取图片的宽度 var width = $("img:eq(0)").width(); console.log(typeof(width));//number类型 $("img:eq(0)").hover( function(){ $(this).width(300).height(300); }原创 2017-04-29 20:48:24 · 524 阅读 · 0 评论 -
jQuery的模拟操作
jQuery的模拟操作 $(function(){ $("input:button:eq(0)").click(function(){ //启动定时器 var n = 0; var id = setInterval(function(){ //获取要处理的文本框 var $text = $("input:text").eq(n); //模拟光标切入事件原创 2017-04-29 18:00:21 · 717 阅读 · 0 评论 -
鼠标移入移出事件的多种方法实现
Insert title here ul{ border:2px solid #CCC; margin:10px auto; padding-left:0; list-style-type:none; width:330px; } li{ float:left; width:100px; height:30px;原创 2017-04-29 23:44:55 · 6379 阅读 · 0 评论 -
jQuery动画
jQuery动画 #msg{ border:2px solid #CCC; width:80px; height:20px; line-height:20px; text-align:center; position:fixed; bottom:10px; right:10px; background-color:pin原创 2017-04-30 12:04:52 · 372 阅读 · 0 评论 -
jQuery最后案例
jQuery动画(最后案例) img{ position:relative; } #d1{ border:2px solid red; width:400px; height:200px; position:fixed; top:100px; right:-330px; } #d2{ border:2px sol原创 2017-04-30 14:01:37 · 287 阅读 · 0 评论 -
jQuery与DOM
原创 2017-04-25 15:13:14 · 372 阅读 · 0 评论 -
jQuery中的选择器
Insert title here window.onload = function(){ //1.基本选择器(和css类似) //2.层次选择器 //选择子孙\儿子(和css里面的派生选择器相同) //选择下一个弟弟 //var a = $("#gz+li"); var a = $("#gz+"); console.log(a); //选择所有弟弟 //var b原创 2017-04-25 16:40:21 · 249 阅读 · 0 评论 -
层次选择器中的注意事项
Insert title here $(function(){ //jQuery查询table的子元素时,访问的是theader,tbody,tfootor,而并不是直接访问tr元素 //在使用层次选择器(选择儿子tr)时要写明tbody,否则找不到,或者使用层次选择器(选择子孙可避免此问题) //var a = $("#table1>tr:gt(0)");//空数组,长度为0,原创 2017-04-27 16:16:17 · 369 阅读 · 0 评论 -
利用jQuery实现购物车功能
购物车----jQuery h1 { text-align:center; } table { margin:0 auto; width:60%; border:2px solid #aaa; border-collapse:collapse; }原创 2017-04-27 16:52:50 · 21818 阅读 · 0 评论 -
jQuery中的遍历节点(作用与选择器类似)
jQuery代码如下:Insert title here //页面加载之后调用这个函数 //其作用等价于window.onload = function(){} //注意:jQuery对象最好用$命名 $(function(){ //1.jQuery读写节点 //1.1读写内容(双标签中间的内容)html()=innerHTML包含标签 text原创 2017-04-27 12:54:46 · 1439 阅读 · 0 评论 -
js 加减乘除计算的问题
javascript中的运算时存在问题的,下面以除法为例,仅供参考:javascript中的除法问题: 计算一下:8.80 * 100 * 12 / 100结果:105.6000000000000238.80也会出现类似的问题。精确度增加10倍:8.80 * 1000 * 12 / 1000结果:105.6正常了。16.40 * 1000000 * 6 / 1000000结...转载 2018-05-24 14:54:50 · 2364 阅读 · 0 评论