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 相关文章推荐
select标签模拟/美化方法采用JS外挂式插件
Apr 01 Javascript
JS+CSS实现仿新浪微博搜索框的方法
Feb 24 Javascript
jQuery插件slick实现响应式移动端幻灯片图片切换特效
Apr 12 Javascript
Jquery实现瀑布流布局(备有详细注释)
Jul 31 Javascript
基于js实现投票的实例代码
Aug 04 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
Jan 05 Javascript
Vue.js展示AJAX数据简单示例讲解
Mar 29 Javascript
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
Oct 15 Javascript
解决layui使用layui-icon出现默认图标的问题
Sep 11 Javascript
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
js实现简单放大镜效果
Mar 07 Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 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启动时候提示PHP startup的解决方法
2013/05/07 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
使用jquery给input和textarea设定ie中的focus
2008/05/29 Javascript
Javascript String.replace的妙用
2009/09/08 Javascript
JQuery的AJAX实现文件下载的小例子
2013/05/15 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
Javascript代码实现仿实例化类
2015/04/03 Javascript
详解Webpack多环境代码打包的方法
2018/08/03 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
JavaScript动态检测密码强度原理及实现方法详解
2019/06/11 Javascript
微信小程序 Storage更新详解
2019/07/16 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
2020/05/11 Javascript
[53:21]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS LGD-CDEC
2014/05/22 DOTA
[02:05]2014DOTA2西雅图邀请赛 专访啸天mik夫妻档
2014/07/08 DOTA
用python实现批量重命名文件的代码
2012/05/25 Python
跟老齐学Python之开始真正编程
2014/09/12 Python
python通过文件头判断文件类型
2015/10/30 Python
Python字典实现简单的三级菜单(实例讲解)
2017/07/31 Python
将TensorFlow的模型网络导出为单个文件的方法
2018/04/23 Python
Python基于sklearn库的分类算法简单应用示例
2018/07/09 Python
Selenium定时刷新网页的实现代码
2018/10/31 Python
python读取目录下所有的jpg文件,并显示第一张图片的示例
2019/06/13 Python
对django的User模型和四种扩展/重写方法小结
2019/08/17 Python
使用sklearn的cross_val_score进行交叉验证实例
2020/02/28 Python
Mac中PyCharm配置Anaconda环境的方法
2020/03/04 Python
Python分类测试代码实例汇总
2020/07/23 Python
Html5基于canvas实现电子签名并生成PDF文档
2020/12/07 HTML / CSS
伦敦鲜花递送:Flower Station
2021/02/03 全球购物
企业文化口号
2014/06/12 职场文书
田径运动会通讯稿
2014/09/13 职场文书
资料员岗位职责范本
2015/04/13 职场文书
硕士论文致谢范文
2015/05/14 职场文书
2015年劳动部工作总结
2015/05/23 职场文书
canvas绘制折线路径动画实现
2021/05/12 Javascript
SQL实现LeetCode(177.第N高薪水)
2021/08/04 MySQL