JQuery基础语法小结


Posted in Javascript onFebruary 27, 2015

1、$(document)将document对象转换为jquery

$(document).ready(function(){

    alert("hello world");

});

2、获取所有的超链接对象,并且增加onclick事件;其实在底层jquery对象获得的每个标签的数组,因此我们不需要进行循环了

$(document).ready(function(){

    $("a").click(function(){

        alert("hello world");

    });

});

3、jquery对象与dom对象之间的转换

$(document).ready(function(){

    var javascriptElement = document.getElementById("clickme");

    //将dom对象转换为jquery对象

    var jqueryElement = $(javascriptElement);

    //alert("javascript:" + javascriptElement.innerHTML);//innerHTML获取标签的内容

    //alert("jquery:" + jqueryElement.html());

    //将jquery转换为dom对象方式一

    var jElement = $("#clickme");

    var javascriptEle = jElement[0];

    alert("jquery1: " + javascriptEle.innerHTML);

    //方式二

    var javascriptEle2 = jElement.get(0);

    alert("jquery2: " + javascriptEle2.innerHTML);

});

4、jquery解决id值是否存在的问题

<a id="hello">click me</a>

<script type="text/javascript">

    //以传统方式解决id为空方式一

    if(document.getElementById("helllo")) {

        //如果hello不存在会出错

        document.getElementById("helllo").style.color ="red";

    }

    //方式二

    //$("#hello")[0].style.color="red";

    //用jquery解决

    $("#hello").css("color","red");

    //如果只有一个参数,则此方法是读,如果是两个参数则是些功能(css(“”),css(“”,“”))

    alert($("#hello").css("color"));

</script>

5、在javascript中规定,你要操作css属性时要将属性中的‘-'去掉,同时把后一个字母大写;如:background-color 要改成 backgroundColor

6、jquery中也使用选择器来操纵各种各样的元素。是继承了css的设计理念,但是把它更是发扬光大了;

7、jquery的几种书写形式

1> 方式一

$("document").ready(function(){

    ...

});

2> 方式二

$().ready(function(){

    ...

});

3> 方式三

$(function(){

    ...

});

以上几种方式是一样的

希望本文所述对大家学习jquery程序设计能有所帮助。

Javascript 相关文章推荐
node.js+Ajax实现获取HTTP服务器返回数据
Nov 26 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
JavaScript自学笔记(必看篇)
Jun 23 Javascript
jQuery基本筛选选择器实例代码
Feb 06 Javascript
为你的微信小程序体积瘦身详解
May 20 Javascript
JavaScript中Hoisting详解 (变量提升与函数声明提升)
Aug 18 Javascript
js实现加载页面就自动触发超链接的示例
Aug 31 Javascript
使用Bootstrap4 + Vue2实现分页查询的示例代码
Dec 21 Javascript
layui的select联动实现代码
Sep 28 Javascript
JS动态图片的实现方法完整示例
Jan 13 Javascript
react 不用插件实现数字滚动的效果示例
Apr 14 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
Feb 27 #Javascript
分析了一下JQuery中的extend方法实现原理
Feb 27 #Javascript
JS实现在页面随时自定义背景颜色的方法
Feb 27 #Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
Feb 27 #Javascript
Jquery中Event对象属性小结
Feb 27 #Javascript
jQuery中hover方法和toggle方法使用指南
Feb 27 #Javascript
JS实现往下不断流动网页背景的方法
Feb 27 #Javascript
You might like
PHP COOKIE设置为浏览器进程
2009/06/21 PHP
Google Voice 短信发送接口PHP开源版(2010.5更新)
2010/07/22 PHP
php加密解密实用类分享
2014/01/07 PHP
javascript vvorld 在线加密破解方法
2008/11/13 Javascript
jquery validate使用攻略 第四步
2010/07/01 Javascript
Dom在ajax技术中的作用说明
2010/10/25 Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
2012/12/21 Javascript
jquery $.each 和for怎么跳出循环终止本次循环
2013/09/27 Javascript
node.js不得不说的12点内容
2014/07/14 Javascript
javascript顺序加载图片的方法
2015/07/18 Javascript
深入理解Angularjs中的$resource服务
2016/12/31 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
angular.js和vue.js中实现函数去抖示例(debounce)
2018/01/18 Javascript
使用apifm-wxapi快速开发小程序过程详解
2019/08/05 Javascript
适合前端Vue开发童鞋的跨平台Weex的使用详解
2019/10/16 Javascript
[38:30]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场2
2014/05/24 DOTA
[06:42]DOTA2每周TOP10 精彩击杀集锦vol.1
2014/06/25 DOTA
对Python中Iterator和Iterable的区别详解
2018/10/18 Python
Python之变量类型和if判断方式
2020/05/05 Python
Python如何自动获取目标网站最新通知
2020/06/18 Python
导致python中import错误的原因是什么
2020/07/01 Python
解决Windows下python和pip命令无法使用的问题
2020/08/31 Python
数控专业应届生求职信
2013/11/27 职场文书
客户接待方案
2014/02/26 职场文书
幼儿园大班开学教师寄语
2014/04/03 职场文书
高考励志标语
2014/06/05 职场文书
关于青春的演讲稿三分钟
2014/08/22 职场文书
房屋授权委托书范本
2014/10/07 职场文书
婚礼女方父母答谢词
2015/01/04 职场文书
2016年中秋节晚会领导致辞
2015/11/26 职场文书
Python使用random模块实现掷骰子游戏的示例代码
2021/04/29 Python
超详细教你怎么升级Mysql的版本
2021/05/19 MySQL
Python竟然能剪辑视频
2021/05/25 Python
JS 基本概念详细介绍
2021/10/16 Javascript
Oracle删除归档日志及添加定时任务
2022/06/28 Oracle