`

P-1 jQuery代码的写法简介

阅读更多

1、$('#fooo')等价于jQuery('#fooo');

2、初始化页面:

jQuery(document).ready(function(){
	alert("test");
});
或者
$(document).ready(function(){
	alert("hello wrold");
});

 简写:

$(function(){
	alert("hello wrold,too");
});

类似于传统JS中的window.onload()方法,但是js的方式是要等页面都加载完成才执行且只能执行一次,而jQuery的方式是在网页中所有DOM结构绘制完毕后就执行且可以正确执行多个;

 

分享到:
评论

相关推荐

    jQuery使用手册

    - **jQuery代码**: ```javascript function jq() { alert($("div>p").html()); } ``` - **运行结果**: 当点击id为`test`的元素时,弹出对话框显示“two”,即`div`标签下的`p`元素的内容。 - **另一个示例...

    jquery点击弹窗2种写法

    接下来,编写jQuery代码监听按钮点击,动态显示弹窗: ```javascript $(document).ready(function() { $("#customOpen").click(function() { // 移除隐藏类,显示弹窗 $("#customDialog").removeClass("hidden")...

    JQuery简单插件示意,介绍插件的基本写法格式

    本篇文章将深入探讨如何编写一个简单的jQuery插件,理解其基本的写法格式。这对于任何希望扩展jQuery功能或者创建自定义解决方案的开发者来说,都是至关重要的基础知识。 首先,我们要明确jQuery插件的目的是为了...

    JQuery获取table一列值

    #### 一、JQuery简介 JQuery 是一个快速、简洁的 JavaScript 库。它极大地简化了 JavaScript 编程,提供了强大的选择器、DOM 操作、事件处理、动画等功能。对于处理 HTML 文档和进行 AJAX 调用等操作,JQuery 提供...

    jQuery学习2 选择器的使用说明

    - **jQuery写法**:`$("p:even")` 通过上述介绍,我们可以看到jQuery选择器的强大之处在于其灵活性和可组合性。结合不同的选择器,可以实现对HTML文档中任意元素的精确选择,从而进行后续的操作。这不仅提高了开发...

    jQuery Cookbook - Lindley Cody.pdf

    这段代码会从CDN(内容分发网络)中加载jQuery库的最新版本。通过这种方式,可以确保用户能够快速地获取到库文件,并且减少服务器负载。 **应用场景:** - 在任何需要动态交互效果的网站或应用中。 - 需要使用...

    jQuery入门-2015

    - **简洁的写法**:相较于传统的JavaScript DOM操作,jQuery提供了一种更为简洁的方式来选取元素。 - **广泛的支持**:jQuery支持从CSS1到CSS3的所有选择器语法,使得选择元素更加灵活多样。 - **健壮的处理机制*...

    jquery-1.1.3 效率提高800%

    在jQuery 1.2版本中,如果你指明了一个JSONP回调函数,你就可以从其它的域中载入JSON类型的数据,写法类似于 "myurl?callback=?" 。jQuery会自动调用正确的方法名称来代替查询字符串,执行你指定的回调函数。...

    jQuery笔记

    #### 一、jQuery简介与优势 **jQuery** 是一款轻量级的 JavaScript 库,它的核心理念是“write less, do more”,即“写得更少,做得更多”。jQuery 提供了一系列简洁易用的 API 接口,用于简化 HTML 文档遍历、...

    js模仿jquery的写法示例代码

    测试代码: 代码如下: (function(){ var p=new PEvent(document); p.click(function() { //alert(“单击”); //alert(p.style); var html=””; for ( var item in document) { html+=item+’:’+...

    jQuery入门到精通.txt

    ### 一、jQuery简介 #### 1.1 定义 jQuery 是一个快速、简洁的 JavaScript 库,它的设计目标是简化网页开发人员的工作。它提供了大量的方法来处理 HTML 文档、选择 DOM 元素、创建动画效果、处理事件以及实现 Ajax ...

    jquery使用手册

    - 代码: `$("<div><p>Hello</p></div>").appendTo("body");` - 功能: 当点击ID为`test`的元素时,在`body`中添加一个新的`div`元素,其中包含`p`标签,并显示“Hello”。 **1.2 $(elem)** - **说明**: 限制...

    JQUERY基础入门.PPTX

    - `release`包:包含未压缩的jQuery代码、文档和示例程序,例如`jquery-1.3.2-release.zip`。 ##### 2.2 使用jQuery - **引入jQuery库**:在HTML页面的`<head>`部分引入jQuery库,例如: ```html ...

    Jquery精简例子收集

    - **`$("<p>一段文本</p>")`**: 使用jQuery动态创建一个包含文本的`<p>`元素。 - **`insertAfter("#myTarget")`**: 将新创建的`<p>`元素插入到ID为`myTarget`的元素后面。 ### 5. 为前两个`<p>`元素添加类 ```...

    Servlet_jsp_ajax_jquery(含答案).doc

    正确使文本“hello”字体大小变成40px的jQuery代码是B:`$('p.s1').css('font-size','40px');` 这将选择class为`s1`的所有`<p>`元素,并设置其字体大小为40px。 4. 选择并设置第二个`<li>`的字体颜色,正确选项是D...

    jquery基础教程02

    #### 一、jQuery简介 - **定义**:jQuery是一款优秀的JavaScript库,它简化了HTML文档遍历、事件处理、动画等操作,并且提供了强大的DOM操作能力。 - **特点**: - **轻量级**:体积小,加载速度快。 - **兼容性...

    JS学习笔记相关代码-测试代码

    javascript中(function($){...})(jQuery)写法是指的是是匿名函数。 function(arg){...}这也定义了一个匿名函数,参数为arg。 测试样例参见test/AnonymousFunction.html .navbar-fixed-top使导航条固定在顶部 Index...

    Jquery 1.8.1开发版

    6. **链式调用**:jQuery的API设计鼓励链式调用,例如`$("p").addClass("highlight").css("color", "red")`,这种写法提高了代码的可读性和效率。 7. **兼容性与性能优化**:jQuery 1.8.1 版本注重跨浏览器兼容性,...

    jQueryAPI-100214.rar

    例如,`$("#element").css("color", "red").fadeIn(500)`将元素颜色变为红色后再渐显显示,这种写法极大地提高了代码的可读性和效率。 总结来说,"jQueryAPI-100214"压缩包提供的jQuery API文档涵盖了选择器、DOM...

Global site tag (gtag.js) - Google Analytics