欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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" )     //元素选择器
$(" * "//* 选择器

感觉还是很好理解的,一目了然

还有就是 层级选择器
jQuery基础学习(1)

5.筛选器

和css里的 :选择器差不多啊,跟在选择器后面筛选

jQuery基础学习(1)
例如:

$( ".class:first" ) //所有class类节点的第一个元素

(未完代更)