{"data":{"site":{"siteMetadata":{"title":"lastrites2018","author":"lastrites2018","siteUrl":"https://lastrites2018.netlify.com","comment":{"disqusShortName":"","utterances":"lastrites2018/gatsby-first-blog"},"sponsor":{"buyMeACoffeeId":""}}},"markdownRemark":{"id":"0c41b1f3-baa2-52b0-bf89-d9cd23c27c58","excerpt":"* _ # HTML input의 값 접근하기._ \\1. input의 id로 접근해서 값 가져오기 var value = $ (‘#test_id’).val(); \\2. input의 class로 접근해서 값 가져오기 var value = $ (‘.test_class’).val(); \\3. input의 name으로 접근해서 값 가져오기 var value = $ (‘input name=test_name ‘).val(); CSS 과제 풀면서 몰랐던 부분. border-width의 순서는 top…","html":"

*_ # HTML input의 값 접근하기._

\n\n

\\1. input의 id로 접근해서 값 가져오기

\n

var value =$(‘#test_id’).val();

\n

\\2. input의 class로 접근해서 값 가져오기

\n

var value = $(‘.test_class’).val();

\n

\\3. input의 name으로 접근해서 값 가져오기

\n

var value = $(‘input[name=test_name]‘).val();

\n

CSS

\n

과제 풀면서 몰랐던 부분.

\n
    \n
  1. \n

    border-width의 순서는 top, right, bottom, left.

    \n
    2. \n
  2. \n

    2)

    \n
    3. \n
\n
html에 <img></img> 태그만 있다고 치자.\n여기에 src와 이미지를 넣어주는 방법.\n\n$("img").attr("src", "http://static.jsbin.com/images/dave.min.svg");
\n

3.

\n
$(document).click(function (){\n  alert('Don\\'t click!');\n})\n\n# 버튼 클릭이었다.\n$('button').on('click', function(event){\nalert("You clicked me!")\n})\nor\n\n$('button').click(function(event){\nalert("You clicked me!")\n})
\n
    \n
  1. https://gist.github.com/ingikim/054a2002dc22586ebf98fef4fc1fb6dc
    2. \n
\n
내가 푼 방법\n$("ol li:nth-child(3)").after('<li>Here is thing four.</li>');\n\n이렇게 쉽게 갈 수도 있다!\n$('div ol').append('<li>Here is the thing.</li>');
","frontmatter":{"title":"jQuery Css","date":"August 03, 2018"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/til/20180803 jQuery Css/","previous":{"fields":{"slug":"/til/20180802 손병대 개발자 토크/"},"frontmatter":{"title":"손병대 개발자님 패널 토크 정리","category":"TIL"}},"next":{"fields":{"slug":"/til/20180807 Complexity/"},"frontmatter":{"title":"Complexity","category":"TIL"}}}}