jQuery的基本知识

  1. jQuery简介
    jQuery是兼容多浏览器的,轻量级的javaScript库。

  2. jQuery的核心函数
    $ = = jQuery, $()= =jQuery()
    作用
    a 核心函数中加入函数:function()时,类似window.onload的作用
    b 核心函数中加入选择器字符串,作用为选择器
    c 核心函数中加入HTML字符串,作用为创建HTML元素节点。
    d 核心函数中加入DOM对象,作用为:将DOM对象转换为jQuery对象

  3. DOM对象与jQuery对象的转换问题
    * DOM->jQuery
    * $(DOM对象)
    * jQuery->DOM
    * $div[0]
    * $div.get(0)

  4. 选择器

      * 基本选择器
			
          标签选择器:$("p")
			类选择器:$(".class名")
			ID选择器$("#id名")
			全局选择器:$("*")
			并集选择器:$("#id名,.class名,p")
		* 层次选择器
			后代选择器:$("E F")
			子代选择器:$("E>F")
			相邻选择器:$("E+F")
			同辈选择器:$("E~F")
	   过滤选择器	
        * 基本过滤选择器
				$(":first")
				$(":last")
				$(":eq()")
				$(":gt()")
				$(":lt()")
				$(":not()")
				$(":odd")
				$(":even")
				$(":header")
				$(":animated")
				$(":focus")
			* 内容过滤选择器
				$(":parent")
				$(":empty")
			* 可见性过滤选择器
				$(":hidden")
				$(":visible")
			* 属性过滤选择器
				$("[属性名]")
				$("[属性名!^$*=属性值][属性2]")
			* 子元素过滤选择器
				$(":first-child")
			* 表单过滤选择器
				$(":input")
				$(":text|password|radio|checkbox|reset|submit|button|file|hidden")
			* 表单对象属性过滤选择器
				$(":enabled")
				$(":disabled")
				$(":checked")
				$(":selected")

猜你喜欢

转载自blog.csdn.net/weixin_44051191/article/details/109265697
今日推荐