美文网首页
JQuery操作

JQuery操作

作者: 依旧丶森 | 来源:发表于2017-12-23 17:15 被阅读8次
  • 获取循环的每一个:
        itwo.each(function(){})
  • 获取img 的路径:
        $i=$(this)[0].src
  • 修改图片路径:
      $("") .attr("src",$i路径)
  • 判断元素存在不存在:
      if ( $("#car_ajax").length > 0 )
  • 获取元素的值,如果计算用parseInt($count)+数字即可:
   $count=$('#add_car_count').text()
  • JQ ajax传递数据:
  $.ajax ( {
       #传递的路径
       url:'/myblog/say/', 
       #传递数据的方式
       type:'POST',
       #传递的数据,按键值对传递
       data:{
           content:$content
        },
        success:function (data) {
              console.log('成功')
          },
        error:function (data) {
              console.log('失败')
        },
  } )
  • 通过 DOM 渲染画面
     //在 JQ 里创建对应要显示的元素对象
     var $root=$('<div>')
     var $time=$('<p>')
     var $content=$('<p>')
     var $id=$('<button>')
     //将内容添加到标签中
     $time.text(data.publish)
     $content.text(data.content)
     $id.text('删除')
     #设置button的value值和class名
     $id.val(data.id)
     $id.addClass('del_btn')
     //将内容显示到root上
     $root.append($time).append($content).append($id)
     //将root显示到网页上,  prepend 是追加在最前面。
     $('#history').prepend($root)
     //清空content
     $('#content').val('')
  • 处理让消息窗口的滚动条显示在最底下的位置
     $("#history").scrollTop($("#history")[0].scrollHeight)

相关文章

网友评论

      本文标题:JQuery操作

      本文链接:https://www.haomeiwen.com/subject/wbeqgxtx.html