例：獲取ul中l(wèi)i的value值
我們提供的服務(wù)有：成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、澤普ssl等。為成百上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的澤普網(wǎng)站制作公司
首先，在html中我們要為每個(gè)li設(shè)置value值
復(fù)制代碼
代碼如下:
ul
li
value="你好"/li
li
value="hello"/li
li
value="=-="/li
/ul
再通過jquery根據(jù)點(diǎn)擊事件獲取對(duì)應(yīng)的value
復(fù)制代碼
代碼如下:
$(document).ready(function(){
$("li").click(function{
alert($(this).val());
});
});
監(jiān)控一個(gè)容器，當(dāng)用戶點(diǎn)擊時(shí)彈出
代碼如下
$(function(){
$("Element").click{function(){
alert("點(diǎn)擊我哦！");
}
}
});
基本對(duì)象獲取(注意這里獲取的都是Jquery對(duì)象而不是Dom對(duì)象哦，但是他倆是可以轉(zhuǎn)換滴)
代碼如下
復(fù)制代碼
代碼如下:
$("*")
‘表示獲取所有對(duì)象
但是我至今沒這樣用過
$("#XXX")
'獲得
id=XXX
的元素對(duì)象（id可以是標(biāo)簽的id或CSS樣式id）
常用
$("input[name='username']")
獲得input標(biāo)簽中name='userName'的元素對(duì)象
常用
$(".abc")
'
獲得樣式class的名字是.abc的元素對(duì)象
常用
$("div")
'
標(biāo)簽選擇器
選擇所有的div元素
常用
$("#a,.b,span")
'表示獲得ID是()a的元素和使用了類樣式b的元素以及所有的span元素
$("#a
.b
p")
'ID號(hào)是a的并且使用了
b樣式的
所有的p元素
例
假設(shè)有如下代碼。
復(fù)制代碼
代碼如下:
var
target_obj
=
jQuery('#target_obj_id');
則，若需要判斷id為target_obj_id是否存在的話，可以實(shí)現(xiàn)的方法有一下兩種：
1、
代碼如下
復(fù)制代碼
代碼如下:
if
(target_obj.length
0)
{
//如果大于0
標(biāo)識(shí)
id
為target_obj_id的對(duì)象存在，否則不存在
//對(duì)象存在的處理邏輯
}
else
{
//對(duì)象不存在的處理邏輯
}
2、
代碼如下
復(fù)制代碼
代碼如下:
if
(target_obj[0])
{
//對(duì)象存在的處理邏輯
}
else
{
//對(duì)象不存在的處理邏輯
}
你好?。?/p>
$("button").click(function(){
$(".class").remove();???//顯然是移除了所有class為class的元素
//可以在這里獲取當(dāng)前欄目，但是這要看html結(jié)構(gòu)了
//?$(this)?--?在這里指向了button自身，可以通過button與當(dāng)前欄目的關(guān)系，找到當(dāng)前欄目
//比如這種結(jié)構(gòu):??div?class="class"div欄目?jī)?nèi)容......../divbutton/button/div
//?var?當(dāng)前欄目?=?$(this).parent();????????當(dāng)前欄目.remove();
});
1、表示對(duì)象不同：this表示的是javascript提供的當(dāng)前對(duì)象，$(this)表示的是用jquery封裝候的當(dāng)前對(duì)象。
2、過程不同：this對(duì)象可以直接用this.style修改樣式，$(this)可以使用jquery提供的方法訪問樣式。
比如this.style.display="none"在jquery中可以用$(this).css("display","none")實(shí)現(xiàn)。
擴(kuò)展資料：
$(this)生成的是什么？
$()生成的是什么呢？實(shí)際上$()=jquery()，就是說返回的是一個(gè)jquery的對(duì)象。
通常我們?yōu)榱撕?jiǎn)便直接使用$()。實(shí)際上，該函數(shù)省略了一個(gè)參數(shù)context。根據(jù)選擇器選取匹配的對(duì)象即$(selector, context)，以jQuery包裝集的形式返回。
context可以是Dom對(duì)象集合或jQuery包裝集，傳入則表示要從context中選擇匹配的對(duì)象，不傳入則表示范圍為文檔對(duì)象(即頁面全部對(duì)象)，即$(selector)=$(selector,document)。
this指的是，調(diào)用函數(shù)的那個(gè)html對(duì)象。
this，表示當(dāng)前的上下文對(duì)象是一個(gè)html對(duì)象，可以調(diào)用html對(duì)象所擁有的屬性和方法。
$(this),代表的上下文對(duì)象是一個(gè)jquery的上下文對(duì)象，可以調(diào)用jquery的方法和屬性值。
參考資料：百度百科-this關(guān)鍵字
$(function() {
// 點(diǎn)擊任意 li,全部 li 變色
$("#tree li").click(function(e) {
$(this).css("color", "red");
});
});
$(function() {
// 點(diǎn)擊第二層 li， 第二層 li 變色
$("#tree li li").click(function(e) {
$(this).css("color", "red");
});
});
$(function() {
// 點(diǎn)擊 JAVA 變色
$("#tree li li:first").click(function(e) {
$(this).css("color", "red");
});
});
重慶分公司
重慶分公司
