jQuery基础学习(1)
程序员文章站
2024-03-06 12:07:19
...
本人新手,如有错误,路过的大侠们请指点则个
本文是慕课网学习过后的知识总结,图片,代码啥的有些是慕课网里的
jQuery环境搭建
语法初识
1.
$(document).ready(function() {
$("div").html("您好!通过慕课网学习jQuery才是最佳的途径。");
});
这句话的作用是等document加载完后执行函数里的代码,因为有些代码的执行会依赖dom节点啦。(全部js代码都扔进里面没关系吧?)
2.对象的命名
jQuery的对象前置$
,用来区别普通js对象,并没有什么特殊作用,例如:$p
jQuery对象是一个类数组对象,而dom对象是一个单独的dom对象(我也不是很懂这个,先挖个坑)
3.jQuery对象和Dom对象的相互转换
有时候会有这种需求呢
var $div = $('div') //jQuery对象
var div = $div[0] //转化成DOM对象
div.style.color = 'red' //操作dom对象的属性
var $div = $('div') //jQuery对象
var div = $div.get(0) //通过get方法,转化成DOM对象
div.style.color = 'red' //操作dom对象的属性
4.选择器$()
这个是重中之重啊…
$( "#id" ) //id选择器
$( ".class" ) //类选择器
$( "div" ) //元素选择器
$(" * ") //* 选择器
感觉还是很好理解的,一目了然
还有就是 层级选择器
5.筛选器
和css里的 :选择器差不多啊,跟在选择器后面筛选
例如:
$( ".class:first" ) //所有class类节点的第一个元素
(未完代更)