JQuery语法

JQuery语法,第1张

一、基础语法结构

jQuery的基础语法结构如下:

$(selector).action()

其中美元符号$表示jQuery语句,选择符selector用于查询HTML元素,action()需要替换为对元素某种具体 *** 作的方法名。 

例如:

$("p").hide();

 HTML

表示段落标签,hide()jQuery中的新方法用于隐藏元素。因此上述代码表示隐藏所有段落。

二、文档就绪函数

为了避免文档在加载完成前就运行了jQuery代码导致潜在的错误,所有的jQuery函数都需要写在一个文档就绪(document ready)函数中。例如当前HTML页面还没有加载完,因此某HTML元素标签可能还无法查询获取。

文档就绪函数的写法如下: 

//第一种方式
$(document).read(function(){
	alert("文档加载完毕!");
})
 
//第二种方式
$().read(function(){
		alert("文档加载完毕!");
})
 
//第三种方式
$(function(){
		alert("文档加载完毕!");
})

jQuery文档就绪函数的使用 


        jQuery文档准备就绪函数的应用
        

效果如下

 

JQuery名称冲突

jQuery 通常使用美元符号 $ 作为简写方式,但在同时使用了多个 JavaScript 函数库的 HTML 文档中 jQuery 就有可能与其他同样使用 $ 符号的函数(例如 Prototype )冲突。 因此 jQuery 使用 noConflict () 方法自定义其他名称来替换可能产生冲突的 $ 符号表达方式。

jQuery自定义名称代替$符号 


        
        jQuery自定义名称代替$符号
        

 
        jQuery自定义名称代替$符号
        

代码效果如下:

 

 

 

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/940764.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存