随笔分类 - jQuery
摘要：选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。一、基本选择器1. id选择器（指定id元素）将id="one"的元素背景色设置为黑色。（id选择器返单个元素）$(document).ready(function () { $('#one').css('background&#
阅读全文
摘要：JQuery plugin textareaHeightAuto/** @author 愚人码头* 【jQuery插件】autoTextarea-文本框根据输入内容自适应高度* 参数 maxHeight:null,//文本框是否自动撑高，默认：null，不自动撑高；如果自动撑高必须输入数值，该值作为文本框自动撑高的最大高度* 参数 minHeight:$(this).height()//默认最小高度，也就是文本框最初的高度，当内容高度小于这个高度的时候，文本以这个高度显示* 更多http://www.css88.com/archives/3948*/(function($){ $.fn....
阅读全文
摘要：/** 选项卡插件* $.tab("#tabs","#tabContent","click"); //调用方式：鼠标点击* $.tab("#tabs","#tabContent","mouseenter"); //调用方式：鼠标划过*/jQuery.tab = function(tabMenu,tabContent,event) { $(tabContent).find("li").hide(); $(tabMenu).find("li:firs
阅读全文
摘要：Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。2.编写个数不同window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个$(document).ready()可以同时编写多个，并且都可以得到执行3.简化写法window.onload没有简化写法$(docu
阅读全文
摘要：<!DOCTYPE HTML><html><head><meta charset="UTF-8" /><title>jQuery弹性滑动导航菜单</title><style type="text/css">body{ font-size:100%; font-family:"Microsoft YaHei","Arial"; background:#fff;}#nav{ position:relative; width:832px;
阅读全文
摘要：<!doctype html><html><head><meta charset="utf-8"><title></title><style type="text/css">* { margin:0; padding:0; }.banner { width:100%; position: relative; overflow: auto; }.banner li { list-style: none; }.banner ul li { width:100%; height
阅读全文
摘要：<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">* { margin:0; padding:0; }#nav { width:100%; height:40px; line-height:40px; font-size:14px; background-color:#333; text-align:center; position:fix
阅读全文
摘要：必须用ID$(document).ready(function() { function filterPath(string) { return string .replace(/^\//,'') .replace(/(index|default).[a-zA-Z]{3,4}$/,'') .replace(/\/$/,''); } var locationPath = filterPath(location.pathname); var scrollElem = scrollableElement('html', 'bod
阅读全文
摘要：<!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" content="text/html; charset=gb23
阅读全文
摘要：介于工作中活动页常用到下拉菜单功能，原有的下拉JS极为不方便，故用JQ写了一个可自适应位置的下拉菜单，亮点在于下拉菜单高度及位置自动居中，还有边界判断等。[这里是DEMO地址>>]下面是核心代码:/*======================App:自适应位置的下拉菜单[扩展JQ方法]Author:DerDate:2010-10-07WebSite:http://www.ueder.net=======================*/(function($){ $.fn.setDropMenu = function(opt){ //参数整合 ...
阅读全文
摘要：<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><SCRIPT type="text/javascript"> <!-- var target=[] var time_id=[] function show_date_time_0(){ setTimeout("show_date_time_0()", 100
阅读全文
摘要：/*! * jquery.scrollLoading.js*/(function($) { $.fn.scrollLoading = function(options) { var defaults = { attr: "data-original", ...
阅读全文
摘要：<!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" content="text/html; charset=gb23
阅读全文
摘要：<!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" content="text/html; charset=gb23
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
阅读全文
摘要：<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">/* Page styles */body,h1,h2,h3,p,td,quote,small,form,input,ul,li,ol,label{ margin:0px; padding:0px;}body{ margin-top:20px; font-family:Arial, Helv
阅读全文
摘要：原生js：<!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" content="text/html; char
阅读全文
摘要：<!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" content="text/html; charset=utf-
阅读全文
摘要：1. 如何创建嵌套的过滤器//允许你减少集合中的匹配元素的过滤器， //只剩下那些与给定的选择器匹配的部分。在这种情况下， //查询删除了任何没（:not）有（:has） //包含class为“selected”（.selected）的子节点。.filter(":not(:has(.selected))")2. 如何重用元素搜索var allItems = $("div.item"); var keepList = $("div#container1 div.item"); //现在你可以继续使用这些jQuery对象来工作了。例如..
阅读全文
浙公网安备 33010602011771号