jQuery选择器====================
通过ID:
var para= $('#name');
通过标签:
var para= $(' a ');
通过类名:
var para=$('.subtag');
孩子选择器:
$('body>p')
兄弟选择器:
$('h2+div')
属性选择器:
可以找到设置了alt属性的<img>标签,甚至可以匹配一个拥有特定的alt文本值的<img>标签。
要找到设置了alt属性的<img>标签:
$('img[alt]')
找出表单中的所有文本框,可以使用:
$('input[type="text"]')
[attribute]选择HTML中那些已经指定了特定属性的元素。
例如
$(a[href])
找到设置了一个href属性的所有<a>元素。
向页面添加内容=================
复制一个特定元素中的 HTML:
alert($('#errors').html());
如果为.html()提供一个字符串作为参数, 就替换了选择中的当前内容:
$('#errors').html('<p>There are four errors in this form</p>');
prepend()和append()
append: To add something to the end of a writing.
prepend:To add something to the beginning of something else.
如对于一个ID为"errors"的<div>标签来说:
$('#errors').prepend('<p>There are four errors in this form</p>');
添加的标签还是会在id为‘errors’的<div>的内部
# 而.before()或.after()添加的内容会在<div>的外部
还有 .remove()和.replaceWith()
addClass()和 removeClass()
ps:,addClass('externalLink')是正确的,而 addClass(.'externalLink')是错误的。
toggleClass()函数,
$('#changeStyle').click(function(){
$('body').toggleClass('altStyle');
});
它在每次单击按 钮的时候添加或删除类altStyle
来自:
《JavaScript和jQuery实战手册》.M,David.(second Edit.).机械工业出版社.p454-p509
豆瓣读书:
https://book.douban.com/subject/21761879/