jQuery学习---01

最新推荐文章于 2024-04-23 15:19:32 发布

fxz_2010

最新推荐文章于 2024-04-23 15:19:32 发布

阅读量166

点赞数

分类专栏： jQuery 文章标签： jQuery CSS HTML ViewUI

jQuery 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1. 页面载入调用方法一般有以下几种方式：

页面载入
$(document).ready(callback);
$(document).ready(function() {});
$(function(){});

2. ${element} 的使用将一个或多个DOM元素转化为jQuery对象

注意是jQuery对象，而不是DOM对象。如果我想得到DOM对象呢？很简单，只需在其后跟一个索引值（如[0]）—因为它得到的是一个对象数组，即可得到DOM对象。然后就可以使用innerHTML、innerText等DHTML方法和属性了。

如：

$(function(){
	$(document.body).css("background","gray");
	$(document.body).html("sssssssssssssssssss");     
	$(document.body)[0].innerHTML+="SSSSSSSSSSSSSS";    //变成DOM对象，只能使用DOM方法
	$("body").html($("body").html()+"<br>vvvvvvvvvvvvvvvvvvvvvvvv");
});

3. 选择器主要包括以下几种:

基本选择器:   *, class,element, id, selector1, selector2等.
层级选择器: ancestor descendant, parent > child, prev + next , prev ~ siblings
简单选择器:   even, odd, eq[index], last, first等
内容选择器:   contains[text], empty, parent, has[selector]等.

可见性选择器: hidden, visible.
属性选择器: [attribute *=value], [attribute =value], [attribute]等
子元素选择器: first-child, last-child, nth-child(index), only-child.
表单选择器: button, checkbox, file, hidden等.
表单对象属性选择器: checked, disabled, enabled, selected.