jQuery学习笔记

jQuery是什么?

是一个js的库,js框架。是一个轻量级的“写得少,做得多”的js库,极大简化了js编程。

编写规范

所有jquery代码写在一下两种形式的一种

  1. $(document).ready( function(){
    //代码
    });
  2. 简写形式:$(function(){
    //代码
    });

jQuery基本的元素选择器

1.#id:通过元素的Id操作元素
例:




    
    选择器
    
    


this is a heading

2.element 通过标签名操作
例:




    
    选择器
    
    


this is a paragraph

3.通过类名来操作标签 —.class
例:




    
    选择器
    
    


this is a other paragraph

4.可以选择多个元素 selector1,selector2,selectorN
例:




    
    选择器
    
    


this is a heading

this is a paragraph

this is a other paragraph

this is a span

5.基本选择器2:
:first //第一个元素
:not(selector) //操作除了selector的所有元素
:even //基于从0开始的索引,选择索引为偶数的元素
:odd //基于从0开始的索引,选择索引为奇数的元素
:eq(index) //匹配索引值为index的元素
:gt(index) //匹配大于索引值index的元素
:last //最后一个元素
:lt(index) //匹配小于索引值index的元素
:header //选择所有标题元素,像h1, h2, h3 等.
例:




    
    选择器-基本2
    
    


月度消费明细
月度 衣帽 娱乐 吃喝玩乐
一月 ¥1200.0 ¥500.0 ¥1500.0
二月 ¥800.0 ¥550.0 ¥2000.0
三月 ¥450.0 ¥300.0 ¥1000.0
四月 ¥300.0
五月 ¥450.0 ¥300.0 ¥1000.0
六月 ¥1459.0 ¥500.0 ¥700.0
七月 ¥300.0 ¥490.0 ¥100.0

h2.....

this is a paragraph

h1......

this is a other paragraph

jQuery对象访问函数each()的简单使用

.each( function(index, Element){
//代码
} )
index是索引,Element是原生的dom对象,ele也可以用this代替
例:操作表格,把价格大于1500的字体变为红色,背景变为粉色




    
    核心函数
    
    


jquery对象访问 each()

月度消费明细
月度 衣帽 娱乐 吃喝玩乐
一月 ¥1200.0 ¥1500.0 ¥1500.0
二月 ¥800.0 ¥550.0 ¥2000.0
三月 ¥1550.0 ¥300.0 ¥1000.0
四月 ¥300.0
五月 ¥450.0 ¥300.0 ¥1000.0
六月 ¥1459.0 ¥500.0 ¥700.0
七月 ¥300.0 ¥490.0 ¥100.0

你可能感兴趣的:(jQuery学习笔记)