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 相关文章推荐
js获取height和width的方法说明
Jan 06 Javascript
jquery处理页面弹出层查询数据等待操作实例
Mar 25 Javascript
JavaScript ParseFloat()方法
Dec 18 Javascript
AngularJS入门心得之directive和controller通信过程
Jan 25 Javascript
使用JS正则表达式 替换括号,尖括号等
Nov 29 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
Feb 10 Javascript
javascript 中的继承实例详解
May 05 Javascript
JavaScript瀑布流布局实现代码
May 06 Javascript
jQuery遮罩层实例讲解
May 11 jQuery
Vue单文件组件基础模板小结
Aug 10 Javascript
微信小程序之发送短信倒计时功能
Aug 30 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
Nov 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
php两种无限分类方法实例
2015/04/21 PHP
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
2009/09/15 Javascript
JS下拉框内容左右移动效果的具体实现
2013/07/10 Javascript
js/jquery获取文本框输入焦点的方法
2014/03/04 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
2014/04/04 Javascript
微信小程序button组件使用详解
2018/01/31 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
2018/05/22 Javascript
微信小程序实现时间预约功能
2018/11/27 Javascript
nodejs实现获取本地文件夹下图片信息功能示例
2019/06/22 NodeJs
js实现可爱的气泡特效
2020/09/05 Javascript
Vue表单提交点击事件只允许点击一次的实例
2020/10/23 Javascript
详解node.js创建一个web服务器(Server)的详细步骤
2021/01/15 Javascript
[15:20]DOTA2-DPC中国联赛 正赛 Elephant vs Aster 选手采访
2021/03/11 DOTA
[01:28]国服启动器接入蒸汽平台操作流程视频
2021/03/11 DOTA
一个超级简单的python web程序
2014/09/11 Python
在Python中使用第三方模块的教程
2015/04/27 Python
Python字符串、元组、列表、字典互相转换的方法
2016/01/23 Python
浅析Git版本控制器使用
2017/12/10 Python
python tkinter界面居中显示的方法
2018/10/11 Python
Python正则匹配判断手机号是否合法的方法
2020/12/09 Python
12个Python程序员面试必备问题与答案(小结)
2019/06/24 Python
opencv3/C++ 平面对象识别&amp;透视变换方式
2019/12/11 Python
CSS3制作文字半透明倒影效果的两种实现方式
2014/08/08 HTML / CSS
澳大利亚运动鞋零售商:The Athlete’s Foot
2018/11/04 全球购物
企业厂长岗位职责
2013/12/17 职场文书
模具专业求职信
2014/06/26 职场文书
2014旅游局党组书记党建工作汇报材料
2014/11/02 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
2015年乡镇妇联工作总结
2015/05/19 职场文书
2015年监理个人工作总结
2015/05/23 职场文书
河童之夏观后感
2015/06/11 职场文书
2016元旦主持人开场白
2015/12/03 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
python删除csv文件的行列
2021/04/06 Python
php访问对象中的成员的实例方法
2021/11/17 PHP