Jquery(三)--学习中的总结

一、使用Jquery 中选择器时要注意的：

1.  如：  <div class="showmore">
   <a href="#"><span>显示全部品牌</span></a>
</div>

var togglenBtn = $('div.showmore > a');//获取“显示全部品牌”按钮

然后给按钮添加事件，如：

togglenBtn.click(function(){

return false;//超链接不跳转

});//由于给超链接添加onclick事件，因此需要使用“return false ”语句让浏览器认为用户没有单击该超链接，从而阻止该超链接跳转。

  2.常用到的Jquery方法：

    show():显示隐藏的匹配元素。

    css(name,value):给元素设置样式。

    text(String):设置所有匹配元素的文本内容。

    filter(expr):筛选出与制定表达式匹配的元素集合，其中expr可以是多个选择器的组合。

    addClass(class):为匹配的元素添加制定的类名。

    removeClass(class):移除匹配的元素。

$toggleBtn.toggle(function(){//显示元素},function(){//隐藏元素});//toggle()方法用来交替一组动作

二、Jquery中的DOM操作

DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松的访问页面中的标准组件。

1.DOM操作分为三个方面：DOM Core(DOM核心)，HTML-DOM,CSS-DOM.

DOM Core 并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限于处理网页，也可以用来处理标记语言编写出来的文档，例如XML.

JavaScript 中的getElementById()、getElementByTagName()、getAttribute()和setAttribute()等方法，这些事Dom Core的组成部分。