JavaScript库中jQuery的学习(今日份哟~)


所有jQuery的方法都是由$开始的,通常称作为,美元符号,或简称为“bling”

举个例子,要让所有的按钮做弹回效果,只要把这段代码写在document ready function里面就可以了。例如:


JavaScript库中jQuery的学习(今日份哟~)_第1张图片
按钮的回弹效果

3种选择器


  • 元素选择器:$("button")
  • class选择器:$(".btn")
  • id选择器:$("#target1")
    如以下示例:
    JavaScript库中jQuery的学习(今日份哟~)_第2张图片
    三种选择器类别示例

也可以通过代码去掉元素上的class,例如:

JavaScript库中jQuery的学习(今日份哟~)_第3张图片
效果示例

也可以通过jQuery来改变HTML中从CSS样式。例如:

$("#target1").css("color", "blue");


jQuery也可以改变除了css以外的属性。


jQuery有一个.prop()的方法让你来调整元素的属性.

例如:


JavaScript库中jQuery的学习(今日份哟~)_第4张图片
设置target1 按钮不可选

刷FCC上的题所学习到的。我觉得边刷还是很有必要写笔记的啦~~

你可能感兴趣的:(JavaScript库中jQuery的学习(今日份哟~))