菜鸟学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