当前位置：文档之家 › jquery

jquery

  • 格式：docx
  • 大小：36.86 KB
  • 文档页数：36

下载文档原格式

  / 36

合集下载

  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

1 jQuery是一个javascript函数库，报以下特性

HTML元素选取HTML元素操作CSS操作

HtmL事件函数javascript特效和动画HtML dom遍历和修改

Ajax utilities

2 添加jQuery库

使用Microsoft 的CDN

使用语法

jQuery 元素选择器

$（this）.hide() 隐藏当前的HTML元素

$（"#test"）.hide() 隐藏id="test"的元素$（"p"）.hide(); 隐藏所有的

元素

$（".test"）.hide(); 隐藏所有class="test"的元素$（"p.test"）隐藏所有class="test"的段落

JQuery属性选择器

$("[href]") 选取所有带有href属性的元素$("[href='#']") 选取所有带有href='#'的元素$("[href！='#']") 选取所有带有href！='#'的元素$("[href$='jsp']") 选取所有带有href值以'jsp'结尾的元素jQuerycss选择器

$("p").css("background-color"."red");

其他的选择器

$(this) 当前html元素

$("ul li:first") 每个

    的第一个
  • 元素

    $("div#intro .head") id="intro" 的

    元素中的所有class="head" 的元素

    文档就绪函数

    $（document）.ready(function(){}); 这是为了防止文档在完全加载之前运行jQuery代码

    var jq=jQuery.noConflict()，帮助您使用自己的名称（比如jq）

    来代替$ 符号

    Jquery效果

    通过hide（）和show() 两个函数，jQuery支持对HTML元素的隐藏与显示

    $("#hide").click(function(){

    $("p").hide();

    });

    $("#show").click(function(){

    $("p").show();

    });

    该元素有两个参数speed ,callback

    Speed 规定显示和隐藏的速度可以设置

    Slow fast normal

    Callback 在hide或show函数完成之后被执行的函数名称

    jQuery 切换

    Toggle(speed ,callback)用来切换HTML元素的可见状态JQuery滑动函数-slideDown,slideUp,slideToggle

    这些函数必须和css连在一起用比如

    123

    点击

    Div .panel{

    Display:none;

    }

    $(".flip").click(function(){

    $(".panel").slideDown('slow");

    });

    JQuery Fade函数fadeIn() fadeOut() fadeTo（）

    前者淡入后两者淡出

    jQuery自定义动画

    $().animate({left:"100px"},)

    Callback使用方法：

    $("p").hide(1000,function(){

    Alert("The paragraph is now hidden");

    });

    JQuery 操作Html

    $().html() 相当于调用innerHTML

    $("p").html("W3School");

    $().append(content) 想所匹配的html内部追加内容，不空行放

    After() 空行放到后面

    Before 空行放到前面

    $().css(name,value)

    $().css({properties})

    $().css(name)

    jQuery 设置尺寸

    $().height(value)

    $().width(value)

    JQuery操作Ajax

    $().load('/query.test1.txt'，[data,callback])导入文本$.get(url,data,callback,type)

    $.post(url,data,callback,type)

    $.getJSON(url,data,callback)

    $.getScript(url,callback);

    补漏：

    ：last 该元素的最后一个

    :even 该元素的偶数个

    ：odd 该元素的奇数个

    Ul li:eq(index) ul 的第index个li

    Ul li:gt(index) ul 的第index三个以后所有的li