2015-03-21 3 views
-1

Я хочу преобразовать чистый javascript в jquery, этот код о всех строках, содержащих указанный текст поиска, будет удален. Вот мой код:Преобразование чистого javascript в jquery

мой код на jsfiddle: http://jsfiddle.net/v306rzhg/4

<body> 
Search lines for: 
    <input type="text" id="addfield0" value="Sometimes|relevance|understand" style="width:100%; margin-top:10px;" /> 
    <input type="button" style="margin-top:10px;" value="Remove Lines Containing..." onClick="if(document.getElementById('addfield0').value!='') {removelines('containing');}" /> 
    <input type="button" value="Not Containing..." onClick="if(document.getElementById('addfield0').value!='') {removelines('notcontaining');}" /> 
    <textarea id="input_output" style="width:100%; margin-top:10px; height:150px; resize:none;" wrap="off">Sometimes to understand a word's 
    meaning you need more than a definition. 
    At Your Dictionary we try to give you all of the tools 
    you need to really understand what the word means. 
    Seeing the word in a sentence can 
    provide more context and relevance.</textarea> 
    <textarea id="removed_box" rows="4" style="width:100%; margin-top:10px; height:150px; resize:none;" wrap="off"></textarea> 
     </body> 
    </html> 
+5

_ "Преобразование чистого JavaScript для JQuery" _... JQuery ** есть ** чистый JavaScript. Это всего лишь набор удобных функций чистого JavaScript. Написание кода с помощью функций jQuery может сэкономить вам несколько байтов на размер файла, но также сделает его менее эффективным (вы выполняете переполненные функции, когда простой код выполняет задание). – blex

+2

его называется vanilla JavaScript :) –

+0

Почему бы вам не попробовать некоторые учебники по jQuery, прежде чем задавать такие вопросы «Как узнать jQuery»? –

ответ

2

в Jquery

вот как назвать элемент;

вместо

document.getElementById('addfield0') 

просто использовать

$('#addfield0') 

пример при получении значения:

$('#addfield0').val() 

Примечание: Убедитесь, что вы ссылки на ваши JQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> 

Downlaod jquery here

Смежные вопросы