【如何学习一门新语言】JQuery培训总结

一、JQuery选择器

1、JQuery元素选择器

$("p")选取<p>元素

$("p.intro")选取所有class=“intro”的<p>元素

$("p#demo")选取所有id="demo"的<p>元素

2、JQuery属性选择器

$("[href]")选取所有带有href属性的元素

$("[href='#']")选取所有href属性为“#”的元素

$("[href!=#]")选取所有href属性不为“#”的元素

$("[href$='.jpg']")选取所有href属性以“.jpg”结尾的元素

 

二、常用方法

1、隐藏显示：hide()、show()

2、展示隐藏动画：fadeIn()、fadeOut()、slideDown()、sildeUp()、

3、动画：animate({left:'+=100px', opacity:'0.5', height: '100px', width: '200px'});（可写队列）

4、设置css：style = ' '

5、获取文本text()

6、input类型：<input style='text或button'/>

7、label标签：展示纯文本

8、获取属性：$("p").attr("test");

9、设置text、html、val、attr

$("p").text("abc")、$("p").val("val")、$("p").html("xxx")、$("p").attr("test", "new");