文本操作


       $(..).text()                 # 获取文本内容

       $(..).text(“<a>1</a>”)    # 设置文本内容


       $(..).html()             # 获取文本内容

       $(..).html("<a>1</a>")      # 获取文本内容


       $(..).val()                

       $(..).val(..)

关于jquery中html()、text()、val()的区别

 

 

.html()用为读取和修改元素的HTML标签    对应js中的innerHTML

 .html()是用来读取元素的HTML内容(包括其Html标签),.html()方法使用在多个元素上时,只读取第一个元素

 

.text()用来读取或修改元素的纯文本内容  对应js中的innerText

  text()用来读取元素的纯文本内容,包括其后代元素;.text()方法不能使用在表单元素上

 

.val()用来读取或修改表单元素的value值

    .val()是用来读取表单元素的"value"值,.val()只能使用在表单元素上

 

 

关于三者的区别

   1. .val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。

    2 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。

样式操作



       addClass      #为每个匹配的元素添加指定的类(或者标签)名。

       removeClass       #为每个匹配的元素删除指定的类(或者标签)名。

       toggleClass  #如果存在(不存在)就删除(添加)一个类(或者标签)名。

 

属性操作


# 专门用于做自定义属性

              $(..).attr('n')          #获得属性值

              $(..).attr('n','v')      #设置或者添加属性值

              $(..).removeAttr('n')    #删除属性和值


              <input type='checkbox' id='i1'  />



              # 专门用于chekbox,radio属性操作

              $(..).prop('checked')

              $(..).prop('checked', true)


              PS:

                  index 获取索引位置

文档处理:

内部插入:

append

prepend


外部插入:

after

before


删除:

empty

remove


复制:

clone



css处理


    $('t1').css('样式名称', '样式值')

点赞知识点:

               - $('t1').append()

               - $('t1').remove()

               - setInterval

               - 透明度 1 》 0

               - position

               - 字体大小,位置

滚动条位置:

           $(window).scrollTop()  #获取

           $(window).scrollTop(0) #设置

           scrollLeft([val])


           offset().left        #指定标签在html中的坐标

           offset().top         #指定标签在html中的坐标


           position()             #指定标签相对父标签(relative)标签的坐标

           <div style='relative'>

              <div>

                  <div id='i1' style='position:absolute;height:80px;border:1px'></div>

              </div>

           </div>



           $('i1').height()           # 获取标签的高度 纯高度

           $('i1').innerHeight()      # 获取边框 + 纯高度 + ?

           $('i1').outerHeight()      # 获取边框 + 纯高度 + ?

           $('i1').outerHeight(true)  # 获取边框 + 纯高度 + ?


           # 纯高度,边框,外边距,内边距




 

.html()用为读取和修改元素的HTML标签    对应js中的innerHTML

 .html()是用来读取元素的HTML内容(包括其Html标签),.html()方法使用在多个元素上时,只读取第一个元素

 

.text()用来读取或修改元素的纯文本内容  对应js中的innerText

  text()用来读取元素的纯文本内容,包括其后代元素;.text()方法不能使用在表单元素上

 

.val()用来读取或修改表单元素的value值

    .val()是用来读取表单元素的"value"值,.val()只能使用在表单元素上

 

 

关于三者的区别

   1. .val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。

    2 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。