Ⅰ jquery簡單問題:如何把元素對象作自定義函數的形參
按照一般形參進行就可以了,例如:
如果myVar是jQuery對象:
functionCallme(myVar){
if(myVar.is(":checked")){
//...
}
}
or:
functionCallme(myVar){
if(myVar[0].checked){
//...
}
}
Ⅱ 如何刪除jQuery對象中元素
1、可以這樣做:1234window._obj = '張三';//定義對象,這時候有了一個對象_objconsole.log,控制台輸出對象:張三delete window._obj;//刪除對象nameconsole.log(window._obj);//控制台輸出:Undefind,1$('#your_id').remove。
2、$(document).ready(function(){ $(".tab1_tag1_con a").click(function(){ var $abca=$(this).html(); var $parent = $(".tab1_tag2_con"); var $parentlen=$(".tab1_tag2_con").children("a").length; alert('<a href="javascript:void(0)">'+$abca+'</a>'); if ($parentlen<9) { $parent.append('<a href="javascript:void(0)">'+$abca+'</a>'); } else { alert("不能添加超過10個"); } }); $(".input_bt7").click(function(){ var $city = $("#input_bt77").attr("value"); var $parent = $(".tab1_tag2_con"); $parent.append($city); }); $(".tab1_tag2_con a").click(function(){ $(this).remove(); }); }); 刪除tab1_tag2_con a里原有的<a>就可以,但是不能刪除後來添加的<a>。
3、remove方法移除被選元素,包括所有文本和子節點,該方法不會把匹配的元素從 jQuery 對象中刪除,因而可以在將來再使用這些匹配的元素。
4、但除了這個元素本身得以保留之外,remove不會保留元素的 jQuery 數據,其他的比如綁定的事件、附加的數據等都會被移除。
Ⅲ jquery 選擇器,怎麼取得一個jquery對象中的<a>標簽的對象
var aAll = abc.find('a');
find(expr)
搜索所有與指定表達式匹配的元素。這個函數是找出正在處理的元素的後代元素的好方法。
所有搜索都依靠jQuery表達式來完成。這個表達式可以使用CSS1-3的選擇器語法來寫。
返回值
jQuery
參數
expr (String) :用於查找的表達式
示例
從所有的段落開始,進一步搜索下面的span元素。與$("p span")相同。
HTML 代碼:
<p><span>Hello</span>, how are you?</p>
jQuery 代碼:
$("p").find("span")
結果:
[ <span>Hello</span> ]
Ⅳ JQ刪除對象元素
<scripttype='text/javascript'src='http://www.cfucc.com/'></script>//jquery
<script>
$(document).ready(function(){
$("p").remove(".111");
});
</script>
<divid="222">
<divid="111"style="background-color:#003;width:800px;height:100px;color:#FFF;"><a>4444</a>aaa<span>4454</span><p>484848</p></div>
<pclass="111">1544644</p>
</div>
Ⅳ "html()方法只作用於jquery對象中第一個元素"是什麼意思呀
$('div')這樣找到的元素可能有很多。
$('div').html();
只相當於 $('div:first').html();
補充一下,根據官方文檔,html() 獲取的是第一個元素的內容
賦值的時候是所有元素都會有效。
Ⅵ JQuery this和$的區別及獲取$子元素對象的方法
this 和 $ 並沒有可比性
this是指當前的對象,比如說一個點擊按鈕的事件,this就是指按鈕對象
而$是jquery的一個方法名,等同於JQuery(),我們一般用$(xxx),其實是調用了一個方法,把瀏覽器對象通過$方法(=JQuery(xxx)),把這個對象用jquery的方式封裝起來了,這樣我們就能用jquery統一的對象方法來對這個dom對象進行操作了
比如說取得某元素的子元素我們就用 $("此元素的選擇器表達式").children() (結果是子元素的數組)
$(xxx)的xxx可以是一個直接的對象,也可以是jquery選擇器的表達式,比如$("#aaa")就是在DOM中找到id="aaa"的元素
當然,$(xxx).find("yyy") yyy也是選擇器表達式,也可以找到xxx元素下,符合yyy選擇器的子元素對象
Ⅶ jquery中如何獲取當前DOM對象里的子元素
jquery中獲取當前dom元素的子元素的方法有很多,常見的方法是使用children()方法或者fand()方法都是可以獲取到某個元素的子元素的,children() 方法返回匹配元素集合中每個元素的子元素,find()方法獲得當前元素集合中每個元素的後代,通過選擇器、jQuery 對象或元素來篩選。
工具原料:jQuery、編輯器、瀏覽器
一、使用children()方法獲得子元素
1、使用該方法獲取子元素並設置子元素的字體為藍色,代碼如下:
<!DOCTYPEhtml>
<html>
<head>
<scripttype="text/javascript"src="/jquery/jquery.js"></script>
<style>
body{font-size:16px;font-weight:bolder;}
p{margin:5px0;}
</style>
</head>
<body>
<div>
<span>Hello</span>
<pclass="selected">HelloAgain</p>
<divclass="selected">AndAgain</div>
<p>AndOneLastTime</p>
</div>
<script>$("div").children(".selected").css("color","blue");</script>
</body>
</html>
2、運行的效果如下圖:
Ⅷ DOM對象與jquery對象有什麼不同
一、JavaScript 對象JavaScript 提供多個內建對象,比如 String、Date、Array 等等。
對象只是帶有屬性和方法的特殊數據類型。
訪問對象的屬性:
[javascript]
var message="Hello World!";
var x=message.length;
創建 JavaScript 對象:
[javascript]
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
使用對象構造器:
[javascript] view plain
function person(firstname,lastname,age,eyecolor)
{ this.firstname=firstname; this.lastname=lastname; this.age=age;this.eyecolor=eyecolor; } [javascript]
var myFather=new person("Bill","Gates",56,"blue");
var myMother=new person("Steve","Jobs",48,"green");
二、DOM對象
DOM實際上是以面向對象方式描述的文檔模型。DOM定義了表示和修改文檔所需的對象、這些對象的行為和屬性以及這些對象之間的關系。
根據W3C DOM規范,DOM是HTML與XML的應用編程介面(API)。
通過 DOM,可以訪問所有的 HTML 元素,連同它們所包含的文本和屬性。可以對其中的內容進行修改和刪除,同時也可以創建新的元素。
HTML DOM 獨立於平台和編程語言。它可被任何編程語言諸如 Java、JavaScript 和 VBScript 使用。
DOM對象,即是我們用傳統的方法(javascript)獲得的對象。
三、jQuery對象
jquery對象其實是一個javascript的數組,這個數組對象包含125個方法和4個屬性
4個屬性分別是
jquery 當前的jquery框架版本號
length 指示該數組對象的元素個數
context 一般情況下都是指向HtmlDocument對象
selector 傳遞進來的選擇器內容 如:#yourId或.yourClass等
如果你通過$("#yourId")方法獲取jquery對象,
並且你的頁面中只有一個id為yourId的元素
那麼$("#yourId")[0]就是HtmlElement元素
與document.getElementById("yourId")獲取的元素是一樣的
簡單理解,就是jQuery創建的對象
jQuery對象就是通過jQuery包裝DOM對象後產生的對象。jQuery對象是jQuery獨有的,其可以使用jQuery里的方法,但是不能使用DOM的方法
四、DOM對象和jquery對象的區別
[javascript]
var domObj = document.getElementById("id"); //DOM對象
var $obj = $("#id"); //jQuery對象;
[javascript]
$(「#img」).attr(「src」,」test.jpg」); //這里的$(「#img」)就是獲取jQuery對象
[javascript]
document.getElementById(「img」).src=」test.jpg」;//這里
document.getElementById(「img」)就是DOM對象;
再說一個例子:就是this,我在寫jQuery的時候經常這樣寫:
this.attr(「src」,」test.jpg」);
可是就是出錯。其實this是DOM對象,而.attr(「src」,」test.jpg」)是jQuery方法,所以出錯了。要解決這個問題就要將DOM對象轉換成jQuery對象,例:$(this).attr(「src」,」test.jpg」);
五、DOM對象和jquery對象的轉換
DOM對象轉成jQuery對象:
對於已經是一個DOM對象,只需要用$()把DOM對象包裝起來,就可以獲得一個jQuery對象了。
方法:$(DOM對象)
[javascript]
var v=document.getElementById(「v」); //DOM對象
var $v=$(v); //jQuery對象
jQuery對象轉成DOM對象:
兩種轉換方式將一個jQuery對象轉換成DOM對象:[index]和.get(index);
(1)jQuery對象是一個數據對象,可以通過[index]的方法,來得到相應的DOM對象。
[javascript]
var $v =$(「#v」) ; //jQuery對象
var v=$v[0]; //DOM對象
alert(v.checked) //檢測這個checkbox是否被選中
(2)jQuery本身提供,通過.get(index)方法,得到相應的DOM對象。
[javascript]
var $v=$(「#v」); //jQuery對象
var v=$v.get(0); //DOM對象
alert(v.checked) //檢測這個checkbox是否被選中
Ⅸ jquery中表單的對象屬性有哪些
console.dir(表單對象),在控制台看一下