码迷,mamicode.com
首页 > Web开发 > 详细

jquery 基础

时间:2015-03-04 16:00:19      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

$(selector).action

语法:$(this).hide();  $("p").hide() $(".test").hide()   $("#test").hide()

文档就绪函数:

$(document).ready(function(){

   //jquery 代码

});

选择器:元素选择器:标签 class id        

           属性选择器:$("[href]")  $("[href=‘#‘]") 选取所有带有 href 值等于 "#" 的元素    $("[href$=‘.jpg‘]") 选取所有 href 值以 ".jpg" 结尾的元素

          jquery css选择器:$("p").css("background-color","red");

jquery 名称冲突:

        var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。

jquery 效果:

        $(selector).hide(speed,callback);$(selector).show(speed,callback);  

       可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

       可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

      $(selector).toggle(speed,callback);

      显示被隐藏的元素,并隐藏已显示的元素

jquery 淡入淡出效果:

      $(selector).fadeIn(speed,callback);  淡入   $(selector).fadeOut(speed,callback);  淡出   $(selector).fadeToggle(speed,callback);

     $(selector).fadeTo(speed,opacity,callback);

    必需的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

    fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。

   可选的 callback 参数是该函数完成后所执行的函数名称。

        滑动效果:

    $(selector).slideDown(speed,callback);$(selector).slideUp(speed,callback);

       jquery 动画

           $(selector).animate({params},speed,callback);

          $(selector).stop(stopAll,goToEnd);

jquery 方法链

         $("#p1").css("color","red").slideUp(2000).slideDown(2000); "p1" 元素首先会变为红色,然后向上滑动,然后向下滑动

jquery html

        获取类容:

            text() - 设置或返回所选元素的文本内容

            html() - 设置或返回所选元素的内容(包括 HTML 标记)

            val() - 设置或返回表单字段的值

      获取属性:

           $("#w3s").attr("href")

    设置类容和属性

         $("#test1").text("Hello world!");$("#test2").html("<b>Hello world!</b>");$("#test3").val("Dolly Duck");

        $("#w3s").attr("href","http://www.w3school.com.cn/jquery");

创建新元素:

function appendText()
{
var txt1="<p>Text.</p>";               // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text.");   // 以 jQuery 创建新元素
var txt3=document.createElement("p");  // 以 DOM 创建新元素
txt3.innerHTML="Text.";
$("p").append(txt1,txt2,txt3);         // 追加新元素
}
删除元素:
jQuery remove() 方法删除被选元素及其子元素。
jQuery empty() 方法删除被选元素的子元素。
jquery 操作css

         addClass() - 向被选元素添加一个或多个类

         removeClass() - 从被选元素删除一个或多个类

jQuery width() 和 height() 方法

       width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。

       height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。

       outerWidth() 方法返回元素的宽度(包括内边距和边框)。

       innerWidth() 方法返回元素的宽度(包括内边距)。

jquery 遍历

     find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。

    next() 方法返回被选元素的下一个同胞元素。

   nextAll() 方法返回被选元素的所有跟随的同胞元素。

jquery 过滤

   first() 方法返回被选元素的首个元素。

  last() 方法返回被选元素的最后一个元素。

  filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

jquery ajax

   jQuery load() 方法是简单但强大的 AJAX 方法。

    load() 方法从服务器加载数据,并把返回的数据放入被选元素中。

   $.get() 方法通过 HTTP GET 请求从服务器上请求数据。

   $.post() 方法通过 HTTP POST 请求从服务器上请求数据

jquery 基础

标签:

原文地址:http://www.cnblogs.com/yjjj/p/4313239.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!