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实多级联动下拉菜单类,简单实现省市区联动菜单!
May 03 Javascript
javascript function、指针及内置对象
Feb 19 Javascript
浅析javascript闭包 实例分析
Dec 25 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
Jun 02 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
Jan 14 Javascript
Vue一次性简洁明了引入所有公共组件的方法
Nov 28 Javascript
了解前端理论:rscss和rsjs
May 23 Javascript
layui 实现表单和文件上传一起传到后台的例子
Sep 16 Javascript
Vue 2.0双向绑定原理的实现方法
Oct 23 Javascript
详解微信小程序工程化探索之webpack实战
Apr 20 Javascript
JS求解两数之和算法详解
Apr 28 Javascript
vue中的计算属性和侦听属性
Nov 06 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生成缩略图的类代码
2008/10/02 PHP
简要剖析PHP的Yii框架的组件化机制的基本知识
2016/03/17 PHP
PHP指定截取字符串中的中英文或数字字符的实例分享
2016/03/18 PHP
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
uploadify 3.0 详细使用说明
2012/06/18 Javascript
AngularJS基础学习笔记之控制器
2015/05/10 Javascript
js实现div拖动动画运行轨迹效果代码分享
2015/08/27 Javascript
原生JavaScript编写canvas版的连连看游戏
2016/05/29 Javascript
原生js实现可拖动的登录框效果
2017/01/21 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
JavaScript模块化之使用requireJS按需加载
2017/04/12 Javascript
AngularJS自定义指令之复制指令实现方法
2017/05/18 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
2017/06/30 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
js实现复制功能(多种方法集合)
2018/01/06 Javascript
vue+element实现批量删除功能的示例
2018/02/28 Javascript
基于IView中on-change属性的使用详解
2018/03/15 Javascript
Vue路由 重定向和别名的区别说明
2020/09/09 Javascript
[01:53]2016完美“圣”典风云人物:Maybe专访
2016/12/05 DOTA
详解Django中的ifequal和ifnotequal标签使用
2015/07/16 Python
Python2实现的图片文本识别功能详解
2018/07/11 Python
python 遍历列表提取下标和值的实例
2018/12/25 Python
用Python逐行分析文件方法
2019/01/28 Python
强悍的Python读取大文件的解决方案
2019/02/16 Python
django-rest-framework解析请求参数过程详解
2019/07/18 Python
给Python学习者的文件读写指南(含基础与进阶)
2020/01/29 Python
法国时尚品牌乐都特瑞士站:La Redoute瑞士
2016/09/05 全球购物
Tretorn美国官网:瑞典外套和鞋类品牌,抵御风雨
2018/07/19 全球购物
英国豪华装饰照明品牌的在线零售商:Inspyer Lighting
2019/12/10 全球购物
介绍一下gcc特性
2015/10/31 面试题
大学生就业自荐信
2013/10/26 职场文书
五年级学生评语
2014/04/22 职场文书
安全演讲稿大全
2014/05/09 职场文书
市场营销策划方案
2014/06/11 职场文书
礼仪培训心得体会
2016/01/22 职场文书
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
2021/12/06 HTML / CSS