随笔分类 - jQuery
摘要：$(function () {//鼠标更改列表颜色方法$(".movie_fine").mouseover(function () {$(this).css("background-color", "#1b1d1b");});$(".movie_fine").mouseout(function () {$(this).css("background-color", "Black");});//鼠标更改图片切换方法$(".movie_new_body_image2&q
阅读全文
摘要：$(function () { /*************************** 截取标签内字符串长度公用方法 ***************************/ jQuery.each(jQuery("[split]"), function (i) { //获得截取长度 var toLength = parseInt($(this).attr("split")); if (jQuery.trim(this.innerHTML).length > toLength) { this....
阅读全文
摘要：Default.aspx :<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default” %><!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
阅读全文
摘要：通过jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象，但特殊情况下可用于手动终止请求。 $.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。 注意： 如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误。见 Specifying the Data Type for A
阅读全文
摘要：DEMO1CSS:JS:var now=0; setInterval(function (){ pre=now===0?2:now-1; nxt=now===4?0:now+1; var div=$("#slider1").children(); div.eq(now).fadeOut(0,function(){ div.css('z-index',1); div.eq(nxt).css("z-index",6).fadeIn(600); div.eq(pre).css("z-index",4); div.eq(now).css("z-index",5); now=nxt; }); },3
阅读全文
摘要：jQuery学习笔记--HelloworldjQuery学习笔记--DOM对象和jQuery对象jQuery学习笔记--jQuery选择器jQuery学习笔记--jQuery的DOM操作jQuery学习笔记--jQuery的事件jQuery学习笔记--jQuery的动画
阅读全文
摘要：一.系统预定义的动画函数1.显示隐藏函数show(); //显示元素(同时增加宽、高、不透明度)hide(); //隐藏元素执行hide()隐藏界面元素，相当于将css样式中的display:none.我们也可以在函数中加入参数，具体如下：show("slow");除了slow取值外，还可以设置为normal,fast,分别代表时间为600，400，200毫秒我们也可以加如具体时间取值。具体如下：slow(1000);这样代表时间完全显示出元素的时间间隔为1000毫秒2.不透明度函数fadeIn();//逐渐显示元素（只增加不透明度）fadeOut();//逐渐隐退元素3.高宽度函数slide
阅读全文
摘要：一.事件绑定1.事件绑定函数事件的绑定函数为如下形式： .bind(type [,data],fn)type:类型 如click.....data:参数fn:事件执行的函数例子$(function(){ $(#id1).click(function(){ $(#id2).show();//id2显示}) ;});二.合成事件1.鼠标滑过事件 .hover(enter,leave)enter:鼠标光标移动到对象时触发的函数leave:鼠标光标移出对象触发的函数例子：$(function(){ $(#id1).hover(function(){ $(#id2).show();//id2显示},fu
阅读全文
摘要：一.节点的操作1.查找节点：var $var_1=$("htmltype"); //这句话就是获取所有htmltype节点如：var $ul_1=$("ul");2.创建并追加节点：var $var_1=$("htmltype");//这句话是创建一个节点$("htmltype2").append($var_1); //这句话是把节点插入所有htmltype2节点中例子：var $li_1=$("li title="title1"香蕉/li"); $("ul").append($li_1);其中插入方法有以下几种：append() 把B追加到A内部（所有的A元素，以下类似）appe
阅读全文
摘要：jQuery中最核心和最让人爱不释手的就是选择器，下面就是各种选择器代笔的意义：一.基本选择器：#id :选择给定ID名的元素 如：$("#id1")为选择id为id1的元素.class :选择给定类名的元素element :选择给定元素名的所有原色* :匹配所有元素selector1,selector2,...... :选择这些名称的元素，以逗号隔开，可以是类或id名二.层次选择器：$("anc...
阅读全文
摘要：什么是DOM对象？HTML是以树形结构来组织文档的，具体如下:<!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>1-4</title><meta http-equiv=&
阅读全文
摘要：刚学习jQuery，觉得有的东西确实有必要写下来，加深下记忆，本文纯属给自己写的，希望大家不要见笑jQuery是什么？jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+
阅读全文
