javascript简单入坑使用

常见的javascript语义解释 简单的jq

$(".class") 选中类
$("#id")    选中id 
///使用
$("button")表示选中所有button;
$("button").addClass("animated bounce");//添加晃动的动画  
$("button").addStyle("btn");//添加样式
$("#target1").css("color", "red");//更改样式
$("#target1").prop("disabled", "true")//更改某个元素的属性
$("h3").html("<em>jQuery Playground</em>")//.html()方法可以添加HTML标签和文字到元素,而元素之前的内容都会被方法的内容所替换掉。
$("#target4").remove();//移除元素
$("#target2").appendTo("#right-well");//追加元素到另外的元素
$("#target5").clone().appendTo("#left-well");//克隆元素并追加
  $("#target1").parent().css("background-color", "red");//父元素更改样式
   $("#right-well").children().css("color", "orange");//子元素更改样式
   $(".target:nth-child(2)").addClass("animated bounce");//nth-child(2)表示选中target2  css样式的动画```
* 获取class为target且索引为奇数的所有元素,并给他们添加class。
```$(".target:odd").addClass("animated shake");//记住,jQuery里的索引是从0开始的,也就是说::odd 选择第2、4、6个元素,因为target#2(索引为1),target#4(索引为3),target6(索引为5。

学习历程可参见:freecamp
// 发现一个很酷的前端作者没事以后跟着他吧 yalantis

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Learn how Script Tags and Document Ready Work 现在让我们开始学习最流...
    李嫑嫑_fe48阅读 3,798评论 0 1
  • FreeCodeCamp - jQuery Learn how Script Tags and Document ...
    付林恒阅读 5,353评论 0 3
  • Create a Bootstrap Headline 现在,让我们从头开始练习我们的HTML, CSS 和 Bo...
    越IT阅读 8,051评论 1 2
  • Learn how Script Tags and Document Ready Work 最流行的JavaScr...
    归云丶阅读 3,398评论 0 1
  • 我想说的是, 天上的云,最终要落入湖水, 归于宁静, 所有的事情都将这样。 我也将这样。 想起这些, 天空便忍不住...
    洛_飞阅读 3,474评论 10 14

友情链接更多精彩内容