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 相关文章推荐
CSS和JS标签style属性对照表(方便js开发的朋友)
Nov 11 Javascript
JS获取select的value和text值的简单实例
Feb 26 Javascript
javascript实现页面内关键词高亮显示代码
Apr 03 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
Apr 25 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
Oct 17 Javascript
实现JavaScript的组成----BOM和DOM详解
May 18 Javascript
js实现九宫格的随机颜色跳转
Feb 19 Javascript
vue.js删除列表中的一行
Jun 30 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
Aug 08 Javascript
小程序分享模块超级详解(推荐)
Apr 10 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
Jul 20 Javascript
Ajax实现局部刷新的方法实例
Mar 31 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多图上传小程序代码
2011/07/17 PHP
php删除数组元素示例分享
2014/02/17 PHP
thinkphp整合微信支付代码分享
2016/11/24 PHP
基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
2017/02/24 PHP
PHP设计模式之状态模式定义与用法详解
2018/04/02 PHP
什么是JavaScript
2009/08/13 Javascript
基于jquery的仿百度搜索框效果代码
2011/04/11 Javascript
jquery插件之定时查询待处理任务数量
2014/05/01 Javascript
JS动态日期时间的获取方法
2015/09/28 Javascript
深入浅析react native es6语法
2015/12/09 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
jquery获取下拉框中的循环值
2017/02/08 Javascript
Vue 2.0 服务端渲染入门介绍
2017/03/29 Javascript
JS中使用media实现响应式布局
2017/08/04 Javascript
在vue中使用css modules替代scroped的方法
2018/03/10 Javascript
jQuery鼠标滑过横向时间轴样式(代码详解)
2019/11/01 jQuery
es6中使用map简化复杂条件判断操作实例详解
2020/02/19 Javascript
JS array数组检测方式解析
2020/05/19 Javascript
Pyramid Mako模板引入helper对象的步骤方法
2013/11/27 Python
python获取网页状态码示例
2014/03/30 Python
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
用C++封装MySQL的API的教程
2015/05/06 Python
Python SQLite3数据库日期与时间常见函数用法分析
2017/08/14 Python
python中强大的format函数实例详解
2018/12/05 Python
python实现杨氏矩阵查找
2019/03/02 Python
Pyinstaller打包.py生成.exe的方法和报错总结
2019/04/02 Python
Python3.5装饰器典型案例分析
2019/04/30 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
python自动从arxiv下载paper的示例代码
2020/12/05 Python
基于Python-turtle库绘制路飞的草帽骷髅旗、美国队长的盾牌、高达的源码
2021/02/18 Python
HTML5 表单验证失败的提示语问题
2017/07/13 HTML / CSS
英语专业毕业生自荐信
2013/10/28 职场文书
工伤事故赔偿协议书(标准)
2014/09/29 职场文书
补充协议书
2015/01/28 职场文书
副总经理岗位职责
2015/02/02 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书