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 相关文章推荐
JavaScript中为元素加上name属性的方法
May 09 Javascript
关于jQuery中的end()使用方法
Jul 10 Javascript
JavaScript中的变量声明早于赋值分析
Mar 01 Javascript
javascript计算用户打开网页的停留时间
Jan 09 Javascript
判断横屏竖屏(三种)
Feb 13 Javascript
使用Dropzone.js上传的示例代码
Oct 10 Javascript
js+canvas实现滑动拼图验证码功能
Mar 26 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
Sep 17 Javascript
Angular PWA使用的Demo示例
Jan 31 Javascript
JS使用栈判断给定字符串是否是回文算法示例
Mar 04 Javascript
jquery弹窗时禁止body滚动条滚动的例子
Sep 21 jQuery
基于vue和websocket的多人在线聊天室
Feb 01 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
用户的详细注册和判断
2006/10/09 PHP
使用PHPMYADMIN操作mysql数据库添加新用户和数据库的方法
2010/04/02 PHP
php设计模式 Mediator (中介者模式)
2011/06/26 PHP
Yii2前后台分离及migrate使用(七)
2016/05/04 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
thinkphp 框架数据库切换实现方法分析
2020/05/18 PHP
javascript 处理事件绑定的一些兼容写法
2009/12/24 Javascript
JS实现QQ图片一闪一闪的效果小例子
2013/07/31 Javascript
开发插件的两个方法jquery.fn.extend与jquery.extend
2013/11/21 Javascript
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
jQuery遍历Table应用示例
2014/04/09 Javascript
js简单的弹出框有关闭按钮
2014/05/05 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
2014/05/10 Javascript
Jquery修改页面标题title其它JS失效的解决方法
2014/10/31 Javascript
JQuery遍历json数组的3种方法
2014/11/08 Javascript
jquery实现点击label的同时触发文本框点击事件的方法
2015/06/05 Javascript
JavaScript实现select添加option
2015/07/03 Javascript
详解vue.js+UEditor集成 [前后端分离项目]
2017/07/07 Javascript
微信小程序实现YDUI的ScrollNav组件
2018/02/02 Javascript
JavaScript 对引擎、运行时、调用堆栈的概述理解
2018/10/22 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
2019/02/26 Javascript
JavaScript this关键字的深入详解
2021/01/14 Javascript
[05:46]DOTA2英雄梦之声_第18期_陈
2014/06/20 DOTA
[11:01]2014DOTA2西雅图邀请赛 冷冷带你探秘威斯汀
2014/07/08 DOTA
python Canny边缘检测算法的实现
2020/04/24 Python
Python中SQLite如何使用
2020/05/27 Python
html5 input元素新特性_动力节点Java学院整理
2017/07/06 HTML / CSS
英国现代家具和照明购物网站:Heal’s
2019/10/30 全球购物
教师旷工检讨书
2014/01/18 职场文书
农民工创业典型事迹
2014/01/25 职场文书
给老师的检讨书
2014/02/11 职场文书
《望庐山瀑布》教学反思
2014/04/22 职场文书
致接力运动员加油稿
2015/07/21 职场文书
朋友离别感言
2015/08/04 职场文书
解析MySQL索引的作用
2022/03/03 MySQL
《艾尔登法环》Boss腐烂树灵很有可能是《黑暗之魂3》的一个废案
2022/04/11 其他游戏