jquery知识小结

原创 2016年06月02日 11:23:40
jQuery
  什么是jQuery?
是一个javaScript框架,一个轻量级的js库;
  要使用jQuery首先要引入jQuery文件
<script type="text/html;charset=utf-8" src="具体的文件路径"></script>


jQueryday01:
 ==获取css: $("p").css("font-size");获取字体
   设置字体:$("p").css("font-size",14+"px");
   添加样式: .addClass("类名");
   去除样式: .removeClass("类名");
document.getElementsByTagName("p"); //返回的是一个数组
 ==将字符串转换成数字: parseInt(合法字符串);


 == var ps = $("p"); //返回的是数组,DOM对象
 == //ps[i]和ps.get(i)等价;
    //ps[i]是js默认的获取数组元素的方式;
    //ps.get(i)是jQuery封装的方法;
    //这2种方式返回的都是DOM对象(js对象),
    //而不是jQuery对象,所以不能通过这个
    //对象直接调用jQuery的方法;


 == <img src="../images/01.jpg" onclick="f2(this)"/>
    注: 其中的onclick="f2(this)"; this: 代表被点击的对象;


   <body onload="start();"> <!-- 表示在页面加载后调用start()方法 -->
 ==定时器 
   setInterval(function(){},1000); //每隔一秒执行的操作
 
 ==//页面载入完毕以后开始执行
   $(function(){});






 ==this是js对象
 ==$(this),将this转换成了jQuery对象
 == var $li = $(this).parents("li"); 快去弄明白
 == var tds = $(btn).parent().siblings(); //找到btn的父亲的所有兄弟,但是没有包含自己哟
 <--插入元素-->
 == .prepend($tr) 作为父亲第一个儿子添加(添加的是jQuery对象)
 == .append($tr) 作为父亲最后一个儿子添加(添加的是jQuery对象)


 <--获取元素-->
 == .eq(i)  //是获取第i个元素,返回的是jQuery对象;
 == .prev() //获取哥哥
 == .next() //获取弟弟
 == .siblings() //获取所有的兄弟,但是不包括自己
 == .children() //获取所有的孩子;
 == .children("ul.tA_choseTime"); //获取指定的孩子:(获取class为tA_choseTime的ul)
 == .last(); //获取最后元素
 == .val()  //获取<input/> 中的值
    .val(内容)  //设置值
 == .text()  //获取标签中的文本; 
    .text(内容)  //给标签设置文本
 == .html()  //获取标签中的所有内容,包括其他标签
    .html(内容)  //给标签设置内容
 
 == var bookId =  $("#replaySelect option:selected").val(); //获取<option></option>中的value


 == .empty() //将内容清空
 == .remove() //删除自己
    例子:  清空<ul id="u1"><li></li><ul>中的内容
    方法1: $("#u1").empty(); //直接清空<ul>的内容
    方法2: $("#u1 li").remove(); //获取其中所有的<li>,将其删除;


 <--事件-->
 == $("#s1").change(function(){})   //改变事件
    var $option = $("#s1 option:selected"); //获取<select id="s1"> 中被选中的option;
 == $("#s1").click(function(){})  //单击事件
    //给id="note_list"的<ul>上,动态产生的<li>添加事件
 == $("#note_list").on("click","li",function(){});  //绑定单击事件
 == $("#note_list").on("mouseout","li",function(){}); //绑定鼠标移出事件
 == $("#note_list").on("mouseover","li",function(){}}; //绑定鼠标移入事件
 



































版权声明:本文为博主原创文章,未经博主允许不得转载。

【jQuery】jQuery小结

前言    jQuery是个什么啊?是个框架。利用css选择器查找DOM对象,对其操作,操作样式或者增删方法等等。拥有强大的插件机制,可以使我们write less, do more。细数家珍(一)框...
  • boniesunshine
  • boniesunshine
  • 2017年02月02日 22:16
  • 220

【JQuery】知识点总结(下)

背景:
  • u013043341
  • u013043341
  • 2016年01月15日 17:18
  • 994

jQuery知识体系梳理

1. 环境搭建 下载jQuery文件库 在jQuery的官方网站(http://jquery.com)中。 引入jQuery文件库  2. jQuery 基础选择器 2-1 #id...
  • laokdidiao
  • laokdidiao
  • 2016年04月12日 02:59
  • 580

jQuery中一些必须要知道的知识点总结--20个(上)

1. jQuery 库中的 $() 是什么?(答案如下) $() 函数是 jQuery() 函数的别称,乍一看这很怪异,还使 jQuery 代码晦涩难懂。一旦你适应了,你会爱上它的简洁。$() 函数...
  • guo13313
  • guo13313
  • 2017年03月27日 00:03
  • 1444

JS和Jquery知识点

js数据类型     undefined  boolean  string     number  object  function JS中的调试方式     1.alert()弹窗    ...
  • Noneyes
  • Noneyes
  • 2017年04月02日 20:19
  • 415

Linux-01、02-计算机系统硬件核心知识总结(L002-15,16)

一、PC服务器 DELL品牌: 2010年之前,1u 1850 1950,2u 2850 2950 2010-2104:1u R410/420   R610/620   二、电源 生产中一般核心业务用...
  • wy_0928
  • wy_0928
  • 2016年05月05日 08:40
  • 419

Unity基础知识总结

一,脚本的生命周期       脚本的生命周期大致有如下几个,在不同时刻系统会自动执行对应的生命周期函数,把一下脚本添加到某个游戏体上,在执行程序,即可看到各函数的执行顺序。 using Unit...
  • u012221316
  • u012221316
  • 2016年03月23日 20:52
  • 570

图形图像的基础知识总结

1、图像文件格式 图像文件格式是指用于存储图形或图像数据的一种数据结构。它反映了图像的大小、分辨率、图像模式等信息。 2、像素:        显示在显示器上光的单元,用来计算点阵图像的一...
  • u011046042
  • u011046042
  • 2016年11月24日 21:48
  • 2454

程序员常见面试之 计算机网络 知识点小结

前言悉心整理校正了计算机网络的面试常用知识点,不同于网上的copy来copy去,文章图文并茂,通俗易懂,希望对大家有所帮助。 文章链接 http://blog.csdn.net/never_cxb/...
  • never_cxb
  • never_cxb
  • 2015年12月28日 18:06
  • 7678

充分理解js这几种知识图谱,你就可以突破了

基础对于一个js开发者来说是太重要了,所以特意从网络找来了 这一些列基础图谱,希望可以帮助到你...
  • zhangliuxiaomin
  • zhangliuxiaomin
  • 2016年12月09日 12:48
  • 543
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery知识小结
举报原因:
原因补充:

(最多只允许输入30个字)