javascript学习，3rd day after Z-day

最新推荐文章于 2022-07-11 07:35:00 发布

VictorIsildur

最新推荐文章于 2022-07-11 07:35:00 发布

阅读量632

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/vctisildur/article/details/13997505

17 篇文章

订阅专栏

本文介绍了jQuery的基本用法，包括动画效果、DOM操作、元素增删、样式调整等，并简要提及了jQuery结合AJAX的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

*******jQuery效果： ***********************

slideToggle(speed, callback) //上下滑动方法，callback为滑动完成后所执行的函数名称，speed单位为ms

div.animate({height:'300px',opacity:'0.4'},slow)
div.animate();
div.animate();//内部动画队列，逐一执行

$(selector).stop(stopAll,goToEnd);//用于所有效果函数。可不带参数。

or like this more clear way:

$("#p1").css("color","red")
  .slideUp(2000)
  .slideDown(2000);

jQuery效果连接：

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

先执行css效果，再执行滑动效果，最后执行滑动向下效果

jQuery DOM操作：

$("#test").text(); //返回文本  .text("change text content"), 双引号里修改对应的值
$("#test").html(); //返回html
$("#test").val();  //返回value

$("#w3s").attr("href") //返回href属性的值

DOM操作的回调函数：

$("#w3s").attr("href", function(i,origValue){
    return origValue + "/jquery";
  });

jQuery添加元素：

append结尾加；prepend开头加；

$("#btn1").click(function(){
    $("p").append(" <b>Appended text</b>.");
  });

jQuery删除元素：

$("#div1").empty(); //只清楚子元素

$("#div1").remove();//自己也被删掉了
$("#div1").remove(".italic"); //选择id=div1 元素下的所有 class="italic"的元素

jQuery操作css:

.blue
{
color:blue;
}

$("div").addClass("blue");
$("div").removeClass("blue");
$("div").toggleClass("blue");

jQuery css()方法：

css({"propertyname":"value","propertyname":"value",...});//设置多个属性值
css("propertyname");//返回值

*******************jQuery + AJAX**************

$(selector).load(URL,data,callback)

jQuery get()方法：从服务器取数据

$(selector).get(url,data,success(response,status,xhr),dataType)

*****GitHub创建项目，desktop客户端********

删除repository: Settings->Delete this repository

**怎么对付流氓心理的群众***

制度对付不了流氓，专制？

卖没人要的烂书：按需求收书，需求由wishing list统计

卖家担心我司吞货潜逃？1折收，卖出之后打尾款。

******css 按设备区分******

@media only and () 帖子：