zoukankan      html  css  js  c++  java
  • 《Jquery攻略》读书笔记(1)

    最近学习完了jquery攻略这本书,对自己的学习做一下回顾,并写出来,供自己后期查阅。

    首先推荐学习jquery的两个网站,http://www.jquery.com/

    http://jqueryui.com/

    Jquery攻略系列(1

    Jquery的安装:

    开发工具vs2008,首先下载jqurry,到http://jquery.com/网站下载就行,目前版本是1.6的,我用的是1.4的。下载后解压缩,在vs的项目文件夹里面添加js文件夹,然后复制jquery.jsjs文件夹。创建demo1.html,然后拖放jquery.js文件到html中的head标签中,当然可以敲代码拉。(呵呵,懒人的办法)

    然后添加<script type=”text/javascript”>

    $(document).ready(

    Function()//dom加载完成,执行函数调用

    {

    //To do 编写jquery代码

    }

    )//通知dom就绪的方法。

    </script>

    选择dom节点:

    学习jquery的前提是最好能够对div+css能够熟练,这样上手更快点,css中的idclassjquery获取dom节点的其中的两种方式

    <div id=” a” class=”b”>test for the jquery</div>

    <p>hello ,jquery</p>

    获取其中的文本的内容的方式

    1.$(“#a”).val()

    2.$(“.b”).val()

    3.$(“div”).val()页面中只有这个一个div。同理获取p中的内容为$(“p”).val().

    给相应的dom节点添加css样式

    方法addClass()注意大小写。Js方法好像有这么一个特点就是两个单词的后者大写。

    Demo

    在样式表中添加css

    .c{

    Font-size16px

    }

    $(“p”).addClass(“c”);注意不要在c前面加点号拉。就这么简单实现相应dom节点的样式控制。很实用。

    Dom中的奇数和偶数:

    Divodd,页面中序号为奇数的div

    diveven 页面中序号为偶数的div

    Peq1,获取第二个段落,因为默认是从0开始的。

    遍历dom中的节点:

    Children()方法 获取对应节点的子节点。

    Each()方法循环访问包装集合中的每个元素。

    Text()方法访问特定元素的文本内容,另外用于更改文本的内容。

    Parent()方法,用于访问当前元素的直接亲元素。并返回一个新的jquery对象。

    Html()获取指定元素的html内容,也用于更改文本的内容。

    快速创建dom节点:

    Prepend()方法,用于在指定元素前面插入指定的内容,并返回一个jquery对象,内容可以是文本,html元素,或者jquery对象。

    Clone()复制指定对象并返回一个新的jqurey对象。

    PrependprependTo方法的比较

    Prepend是将目标内容放到方法之后

    PrependTo是添加的内容在方法之前

    看列子:

    $(“<h1>test</h1>”).appendTo(“p”);

    $(“p”).prepend($(”<h1>test</h1>”));

    实现在p便签的前面添加h1节点。

    就这样吧,用的时候来这里温习温习。O(_)O~

  • 相关阅读:
    Xamarin.Forms
    Docker Azure Kubernetes
    出现( linker command failed with exit code 1)错误总结(http://blog.csdn.net/hengshujiyi/article/details/21182813)
    UITextView学习笔记
    UIScrollView学习笔记
    如何学习ios(摘自知乎https://www.zhihu.com/question/20016551)
    iOS手势操作,拖动,轻击,捏合,旋转,长按,自定义(http://www.cnblogs.com/huangjianwu/p/4675648.html)
    触屏事件
    给UITextView添加链接
    IOS绘图详解(http://blog.163.com/wkyuyang_001/blog/static/10802122820133190545227/)
  • 原文地址:https://www.cnblogs.com/gxg2008540/p/2056807.html
Copyright © 2011-2022 走看看