起因今天写页面的时候突然有这么个需求，由于父元素（一个DIV）的height是由javascript计算出来的固定的值，而在其中增加了一个多说插件，在用户评论后，子元素（DIV）的height属性增加，导致子元素溢出。但是又不知道如何为多说的评论按钮增加回调函数，于是乎就想到了根据子元素的大小变化来重新计算父元素的height。onresize?平常，都是在整个浏览器窗口变化时触发一个修改布局的回调函数。使用的是window对象的resize事件，利用...
jQuery.holdReady()方法用法实例调用此方法可以延迟jQuery的ready事件，也就是说尽管文档已经加载完成，也不会执行ready事件处理方法。可以多次调用jQuery.holdReady()方法，以延迟jQuery的ready事件，当满足一定条件时，再通过将此方法的参数设置为false，一一解除延迟。方法一般用于动态脚本加载，知道脚本加载完成然后再通过将此方法的参数设置为false，解除对jQuery.ready()事件延迟。通常我们在使用jquery中的ready事件时，是...
jQuery是javascript的一个库，使用起来非常的方便，功能也是十分的强大。通常，只有菜单条显示在窗口中，并且当鼠标指针指向菜单条时，菜单条的子菜单才显示出来。当鼠标指针离开菜单时，子菜单则隐藏起来，回到只显示主菜单条的状态。根据下拉菜单的这种特点，我们可以使用jQuery技术来实现这些功能。这篇文章就来具体说明一下jQuery技术来实现下拉菜单的功能。一、可以先了解《形形色色的下拉菜单实现教程》中的相关内容介绍本课...
jquery实现立体式数字滚动条增加效果，代码分为两部分，一部分位html结构另一部分属于js代码段，需要的朋友参考下吧！1、html结构2、js<script type="text/javascript" src="js/digital_over.js" ></script>//引用 //这是自定义函数（需要在页面中进行调用） <script>//数字滚动function digitalScroll(obj,n){var numRun = $(obj).numberAnimate({num:n, speed:2000, symbol:","});var nums = n;setInterval(function(){numRun.re...
首先，我们得安装jquery， npm install jquery 。安装后的版本是 3.1.0接着，第一感觉我们会使用 var $ = require(jquery) 。将以下代码保存为app.jsvar $ = require(jquery) $("body").append("<p>TEST</p>"); console.log($("body").html());运行 node app.js 。提示错误：Error: jQuery requires a window with a document那么我们该怎么做呢？在npm的jquery安装包首页 ，我们看到可以使用jsdom 进行模拟一个document。require(...
使用jQuery进行组件开发和使用纯JavaScript脚本（不使用框架）原理基本类似，特别是公共方法的组织是一样的。不同点是，jQuery使用了插件机制，通过$()直接进行操作对象（DOM元素）绑定，然后对DOM元素或HTML代码进行绑定事件等的操作。另一个不同点则是把jQuery当做工具来使用，用来创建DOM对象，快速查找指定DOM对象等。例子测试通过。初级简单示例，只实现了增加页和选择页功能。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
本篇实践一个多层模态窗口，而且是自适应的。点击页面上的一个按钮，弹出第一层自适应模态窗口。在第一层模态窗口内包含一个按钮，点击该按钮弹出第二层模态窗口，弹出的第二层模态窗口会挡住第一层模态窗口，即第二层模态窗口打开的时候，无法关闭第一层模态窗口。具体页面实现部分如下：<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><link href="bootstrap/css/bootstrap.min.cs...
使用jquery实现的循环连续可停顿滚动，并应用于滚动图片，滚动层。记得一定要有jquery库哦~一、单行滚动 <!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> <meta http-equiv="Content-Type" c /> <title>无标题文档</title> <mce:style type="text/css"><!-- ul,li{margin:0;p...
$.ajax快捷方法$.get(url,[data],[callback],[type]) $.post(url,[data],[callback],[type])两种方法请求方式不同，其他方式相同. 参数：url[请求地址]，data[请求的数据内容(obj对象)]，callback[回调函数(只能处理请求成功事件)]， type[请求返回数据的编码格式(默认ContentType指定格式)]$.get('/testx=1'); $.get('/test',{z:2}); $.post('/test',{y:2}); $.get('/user',function(data,callbacktype,jqXHR){data//返回数据call...
今天在做我们的表单提交部分的时候,遇到了这个问题,于是,用传说中的jquery就可以解决了. 这里主要说的是在IE下的focus的问题,因为在firefox中是支持 代码如下:input:focus textarea:focus 在IE下:focus是无效的,所以，我们要在点击以后给input和textarea加上新的样式以配合实现:focus效果. 我们首先来看下效果: 来看下这个效果中的JS: $(document).ready( function(){if($.browser.msie){ $("input[@type='text'], input[@type=...
同事推荐了Jcrop这个插件，到它的官方站点http://deepliquid.com/content/Jcrop.html下载了最新版的压缩包，压缩包中包括了Jcrop的几个demo文件，关键的Jcrop.js文件和jQuery.Jcrop.css文件。基本上来说参照它的几个demo文件就可以学会使用这个插件了。晚上正好学习研究了下，现简单总结如下，也方便下英文不好的朋友们。 使用插件必须条件：引入jQuery.js文件，引入jQuery.Jcrop.js文件，引入JQuery.Jcrop.css文件。 1.最基本使用...
先看个图片：1.介绍:s3captcha是一个非常有用的可以让图片顺序显示的一个JQuery插件。它是通过php实现的。但是我发现很容易把它转化为asp.net和C#的代码。 我做了一个config的配置文件可以在文件中配置图片的源和名字等。然后介绍一下s3captcha的实现原理,上图所示是它的实现模式。 1.它随即生成图片的index; 2.把一系列随机数据赋给图片的index. 3.可以从图片列表中选择一个随机的index. 4.让图片随机的显示为一个radio box. 它使...
先看看效果来着:首先需要一个ascx页面通过一个XDocument把rss源的内容绑定到一个ListView上。代码如下: 代码如下:protected void Page_Load(object sender, EventArgs e) { // For demo purposes. System.Threading.Thread.Sleep(1000); XDocument feedXML = XDocument.Load("http://feeds.feedsky.com/csdn.net/dujingjing1230"); var feeds = from feed in feedXML.Descendants("item") select new { Title = feed.Element("titl...
这篇文章就会带领你见识一下jQuery的哲学，探讨一下他的特性以及功能，并且会做一些ajax的示例，以及如何使用plug- in（插件）来扩展jQuery。1. 什么是jQuery？jQuery是个很优秀的Javascript库，它诞生于2006年，出自John Resig之手。不管你是一个javascript新手，但是却想尝试一下DOM（Document Object Model）以及Ajax的繁杂，抑或你是个javascript专家级人物，但是已经厌倦了反复的重复那无味的DOM以及Ajax脚本，jQuery都将是你...
代码如下: $("document").ready(function(){ $("#btn1").click(function(){ $("[name='checkbox']").attr("checked",'true');//全选 }) $("#btn2").click(function(){ $("[name='checkbox']").removeAttr("checked");//取消全选 }) $("#btn3").click(function(){ $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数 }) $("#btn4").click(function(){ $("[name='checkbox']").each(function(){//反选 if($(this).a...