初學jQuery使用方法

//先引用jquery源包//even奇數；gt()大於；lt(小於)

$('#tag-p i').eq(0).html('good');//選擇對應的索引值去修改1

$('#tag-p i:eq(1)').html('good');//選擇對應的索引值去修改2

var tp = document.getelementbyid("tag-p");//js

var $tp = $('#tag-p');//jquery
var $tpi = $('#tag-p i')
alert($tp);//通過jquery獲取元素返回jq物件,通過原生js獲取返回js物件
$(tp).html("js轉jq");//js轉jq
alert($tp.get(0).innerhtml = "jq轉js");//jq轉js
$tp[0].innerhtml = "jq轉js";//第二種方法
alert($tpi.html());//預設獲取是第乙個元素

$('img').attr("src");//獲取元素屬性

$('p').addclass("on");//為標籤新增樣式
$('p').toggleclass("on");//反向新增樣式，如果有則清除，沒有則新增
var $p = $('p');//統一新增樣式
$p.css();
alert($('#box').offset().left);//彈出左邊距離
alert($('#box').position().top);//彈出定位的距頂端距離
alert($('#box').outerwidth());//彈出包括外邊距
$(window).scroll(function())//滾動屬性，實時列印出滾動距離
$('#box').css("background","green").find('.box3').css("background","skyblue").siblings().css("background","orange");//除了box3為skyblue顏色，其他為orange
//on的作用
$('#list li').click(function())//點選元素彈出索引值
$('#list').on('click','li',function() );//on事件對新增加的元素li也起作用

$('#btn').click(function())

$('#btn').click(function());//使用**函式的方法實現效果，效果與上面一樣
})$('#btn').click(function());//逆向變換*/
//建立自定義動畫函式（animate）
$('#box').hover(function(),1000);
},function(),2000)
})

jquery 使用方法總結

一 選擇網頁元素jquery的基本設計和主要用法，就是 選擇某個網頁元素，然後對其進行某種操作 這是它區別於其他函式庫的根本特點。使用jquery的第一步，往往就是將乙個選擇表示式，放進建構函式jquery 簡寫為 然後得到被選中的元素。選擇表示式可以是css選擇器 1 document 選擇整個文...

萬用字元的使用方法（初學）

在實驗樓的linux 基礎入門 新版 實驗2 基本概念及操作中，有介紹集中萬用字元如下 但是部分不是很好理解，以下是我通過查資料 實驗整理的部分用法 萬用字元用法 匹配任意乙個字元 和 的用法較為簡單，舉例說明 在終端中輸入 cd desktop touch test.txt touch test....

jQuery關於css 使用方法

css 方法是乙個非常強大且實用的操作css的方法，可以設定或返回被選元素的乙個或多個樣式屬性，來看看如何使用 css lang en charset utf 8 name viewport content width device width,initial scale 1.0 src scrip...