菜鸟学JS&JQuery(随笔二——jQuery提供的选择器、修改一个标签中的内容、操作标签的类属性)

 

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/

 

原文地址:https://www.cnblogs.com/hikki-station/p/10460775.html